Update eslint to 8.27.0

This commit is contained in:
Fedor Indutny 2022-11-17 16:45:19 -08:00 committed by GitHub
parent c8fb43a846
commit 98ef4c627a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
499 changed files with 8995 additions and 8494 deletions

View file

@ -189,11 +189,11 @@ export default {
title: 'Components/CallScreen',
};
export const Default = (): JSX.Element => {
export function Default(): JSX.Element {
return <CallScreen {...createProps()} />;
};
}
export const PreRing = (): JSX.Element => {
export function PreRing(): JSX.Element {
return (
<CallScreen
{...createProps({
@ -202,7 +202,7 @@ export const PreRing = (): JSX.Element => {
})}
/>
);
};
}
PreRing.story = {
name: 'Pre-Ring',
@ -241,7 +241,7 @@ export const _Ended = (): JSX.Element => {
);
};
export const HasLocalAudio = (): JSX.Element => {
export function HasLocalAudio(): JSX.Element {
return (
<CallScreen
{...createProps({
@ -250,13 +250,13 @@ export const HasLocalAudio = (): JSX.Element => {
})}
/>
);
};
}
HasLocalAudio.story = {
name: 'hasLocalAudio',
};
export const HasLocalVideo = (): JSX.Element => {
export function HasLocalVideo(): JSX.Element {
return (
<CallScreen
{...createProps({
@ -265,13 +265,13 @@ export const HasLocalVideo = (): JSX.Element => {
})}
/>
);
};
}
HasLocalVideo.story = {
name: 'hasLocalVideo',
};
export const HasRemoteVideo = (): JSX.Element => {
export function HasRemoteVideo(): JSX.Element {
return (
<CallScreen
{...createProps({
@ -280,34 +280,36 @@ export const HasRemoteVideo = (): JSX.Element => {
})}
/>
);
};
}
HasRemoteVideo.story = {
name: 'hasRemoteVideo',
};
export const GroupCall1 = (): JSX.Element => (
<CallScreen
{...createProps({
callMode: CallMode.Group,
remoteParticipants: [
{
demuxId: 0,
hasRemoteAudio: true,
hasRemoteVideo: true,
presenting: false,
sharingScreen: false,
videoAspectRatio: 1.3,
...getDefaultConversation({
isBlocked: false,
uuid: '72fa60e5-25fb-472d-8a56-e56867c57dda',
title: 'Tyler',
}),
},
],
})}
/>
);
export function GroupCall1(): JSX.Element {
return (
<CallScreen
{...createProps({
callMode: CallMode.Group,
remoteParticipants: [
{
demuxId: 0,
hasRemoteAudio: true,
hasRemoteVideo: true,
presenting: false,
sharingScreen: false,
videoAspectRatio: 1.3,
...getDefaultConversation({
isBlocked: false,
uuid: '72fa60e5-25fb-472d-8a56-e56867c57dda',
title: 'Tyler',
}),
},
],
})}
/>
);
}
GroupCall1.story = {
name: 'Group call - 1',
@ -327,7 +329,7 @@ const allRemoteParticipants = times(MAX_PARTICIPANTS).map(index => ({
}),
}));
export const GroupCallMany = (): JSX.Element => {
export function GroupCallMany(): JSX.Element {
return (
<CallScreen
{...createProps({
@ -344,74 +346,80 @@ export const GroupCallMany = (): JSX.Element => {
})}
/>
);
};
}
GroupCallMany.story = {
name: 'Group call - Many',
};
export const GroupCallReconnecting = (): JSX.Element => (
<CallScreen
{...createProps({
callMode: CallMode.Group,
connectionState: GroupCallConnectionState.Reconnecting,
remoteParticipants: [
{
demuxId: 0,
hasRemoteAudio: true,
hasRemoteVideo: true,
presenting: false,
sharingScreen: false,
videoAspectRatio: 1.3,
...getDefaultConversation({
isBlocked: false,
title: 'Tyler',
uuid: '33871c64-0c22-45ce-8aa4-0ec237ac4a31',
}),
},
],
})}
/>
);
export function GroupCallReconnecting(): JSX.Element {
return (
<CallScreen
{...createProps({
callMode: CallMode.Group,
connectionState: GroupCallConnectionState.Reconnecting,
remoteParticipants: [
{
demuxId: 0,
hasRemoteAudio: true,
hasRemoteVideo: true,
presenting: false,
sharingScreen: false,
videoAspectRatio: 1.3,
...getDefaultConversation({
isBlocked: false,
title: 'Tyler',
uuid: '33871c64-0c22-45ce-8aa4-0ec237ac4a31',
}),
},
],
})}
/>
);
}
GroupCallReconnecting.story = {
name: 'Group call - reconnecting',
};
export const GroupCall0 = (): JSX.Element => (
<CallScreen
{...createProps({
callMode: CallMode.Group,
remoteParticipants: [],
})}
/>
);
export function GroupCall0(): JSX.Element {
return (
<CallScreen
{...createProps({
callMode: CallMode.Group,
remoteParticipants: [],
})}
/>
);
}
GroupCall0.story = {
name: 'Group call - 0',
};
export const GroupCallSomeoneIsSharingScreen = (): JSX.Element => (
<CallScreen
{...createProps({
callMode: CallMode.Group,
remoteParticipants: allRemoteParticipants
.slice(0, 5)
.map((participant, index) => ({
...participant,
presenting: index === 1,
sharingScreen: index === 1,
})),
})}
/>
);
export function GroupCallSomeoneIsSharingScreen(): JSX.Element {
return (
<CallScreen
{...createProps({
callMode: CallMode.Group,
remoteParticipants: allRemoteParticipants
.slice(0, 5)
.map((participant, index) => ({
...participant,
presenting: index === 1,
sharingScreen: index === 1,
})),
})}
/>
);
}
GroupCallSomeoneIsSharingScreen.story = {
name: 'Group call - someone is sharing screen',
};
export const GroupCallSomeoneIsSharingScreenAndYoureReconnecting =
(): JSX.Element => (
export function GroupCallSomeoneIsSharingScreenAndYoureReconnecting(): JSX.Element {
return (
<CallScreen
{...createProps({
callMode: CallMode.Group,
@ -426,6 +434,7 @@ export const GroupCallSomeoneIsSharingScreenAndYoureReconnecting =
})}
/>
);
}
GroupCallSomeoneIsSharingScreenAndYoureReconnecting.story = {
name: "Group call - someone is sharing screen and you're reconnecting",