agora-ui-foundation 1.0.0

package/lib/components/participants/data.js

@@ -0,0 +1,527 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.userList = exports.list = void 0;
+require("core-js/modules/es.array.sort.js");
+var _jsxRuntime = require("react/jsx-runtime");
+var list = exports.list = [{
+  userName: 'JohnDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoeDoe',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '1',
+  hoverActions: function hoverActions() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: "hoverActions"
+    });
+  },
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: '好长好好吃那个好长好好吃那个好长好好吃那个好长好好吃那个好长好好吃那个好长好好吃那个好长好好吃那个好长好好吃那个好长好好吃那个好长好好吃那个',
+  hasVideo: false,
+  hasAudio: false,
+  isHost: true,
+  isScreenSharing: true,
+  userId: '2',
+  audioDeviceType: 'phone-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Jane Doe3',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: true,
+  userId: '2',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Jane Doe',
+  hasVideo: false,
+  hasAudio: false,
+  isHost: false,
+  userId: '3',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 1',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '4',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 2',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '5',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 3',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: false,
+  userId: '6',
+  isMe: true,
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 4',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '7',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 5',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '8',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 6',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: false,
+  userId: '9',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 7',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '10',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 8',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '11',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 9',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: false,
+  userId: '12',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 10',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '13',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 11',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '14',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 12',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: false,
+  userId: '15',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 13',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '16',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 14',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '17',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 15',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: false,
+  userId: '18',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 16',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '19',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 17',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '20',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 18',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: false,
+  userId: '21',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 19',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '22',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 20',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '23',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 21',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: false,
+  userId: '24',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 22',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '25',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 23',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '26',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 24',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: false,
+  userId: '27',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 25',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '28',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 26',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '29',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 27',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: false,
+  userId: '30',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 28',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '31',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 29',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '32',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 30',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: false,
+  userId: '33',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 31',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '34',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 32',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '35',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 33',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: false,
+  userId: '36',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 34',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '37',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 35',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '38',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 36',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: false,
+  userId: '39',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 37',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '40',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 38',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '41',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 39',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: false,
+  userId: '42',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 40',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '43',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 41',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '44',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 42',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: false,
+  userId: '45',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 43',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '46',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 44',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '47',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 45',
+  hasVideo: true,
+  hasAudio: false,
+  isHost: false,
+  userId: '48',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 46',
+  hasVideo: true,
+  hasAudio: true,
+  isHost: false,
+  userId: '49',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userName: 'Person 47',
+  hasVideo: false,
+  hasAudio: true,
+  isHost: false,
+  userId: '50',
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userId: 'computer',
+  userName: 'computer',
+  isHost: false,
+  isMe: false,
+  hasAudio: true,
+  hasVideo: true,
+  isScreenSharing: false,
+  volume: 0,
+  audioDeviceType: 'computer-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'normal'
+}, {
+  userId: 'phone',
+  userName: 'phone',
+  isHost: false,
+  isMe: false,
+  hasAudio: true,
+  hasVideo: true,
+  isScreenSharing: false,
+  volume: 0,
+  audioDeviceType: 'phone-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'phone'
+}, {
+  userId: 'meeting',
+  userName: 'meeting',
+  isHost: false,
+  isMe: false,
+  hasAudio: true,
+  hasVideo: true,
+  isScreenSharing: false,
+  volume: 0,
+  audioDeviceType: 'phone-mic',
+  videoDeviceType: 'computer-cam',
+  userType: 'meeting-system'
+}];
+var userList = exports.userList = list.sort(function (a, b) {
+  if (a.isMe && !b.isMe) {
+    return -1;
+  }
+  if (b.isMe && !a.isMe) {
+    return 1;
+  }
+  if (a.isHost && !b.isHost) {
+    return -1;
+  }
+  if (b.isHost && !a.isHost) {
+    return 1;
+  }
+  return a.userName.localeCompare(b.userName);
+});

package/lib/components/participants/footer/index.css

@@ -0,0 +1,14 @@
+.fcr-participant__footer-placeholder {
+  flex: 30%;
+}
+.footer-more-actions{
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  padding: 0 1rem;
+  height: 100%;
+}
+.fcr-participant__footer-creator button {
+  flex: 1;
+
+}

package/lib/components/participants/footer/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.css';
+interface ParticipantsFooterProps {
+    type: 'host' | 'attendee' | 'cohost';
+    onRoomControlClick?: (action: string, userId?: string) => void;
+    moreDropMenu?: React.ReactNode;
+    model?: 'mute' | 'unmute';
+    hasRevokeHostPermission?: boolean;
+}
+export declare const FcrParticipantsFooter: (props: ParticipantsFooterProps) => import("react/jsx-runtime").JSX.Element;
+export {};