@100mslive/react-native-room-kit 0.2.0 → 1.0.0

package/src/components/ParticipantsModal.tsx

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import { View, StyleSheet } from 'react-native';
-
-import { useFilteredParticipants } from '../hooks-util';
-import {
-  ParticipantsHeader,
-  ParticipantsList,
-  ParticipantsSearchInput,
-} from './Participants';
-
-type ParticipantsModalProps = {};
-
-export const ParticipantsModal: React.FC<ParticipantsModalProps> = ({}) => {
-  const {
-    selectedFilter,
-    changeFilter,
-    allParticipants,
-    filteredParticipants,
-    searchText,
-    setSearchText,
-  } = useFilteredParticipants();
-
-  return (
-    <View style={styles.participantContainer}>
-      <ParticipantsHeader
-        filter={selectedFilter}
-        setFilter={changeFilter}
-        participantsCount={allParticipants.length}
-      />
-
-      <ParticipantsSearchInput
-        searchText={searchText}
-        setSearchText={setSearchText}
-      />
-
-      <ParticipantsList data={filteredParticipants} />
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  participantContainer: {
-    height: '100%',
-    width: '100%',
-  },
-});

package/src/components/PeerVideoTile/PeerAudioMutedIndicator.tsx

@@ -1,41 +0,0 @@
-import * as React from 'react';
-import { StyleSheet, View } from 'react-native';
-
-import { MicIcon } from '../../Icons';
-import { useHMSRoomStyle } from '../../hooks-util';
-
-export interface PeerAudioMutedIndicatorProps {
-  isMuted: boolean | undefined;
-}
-
-export const PeerAudioMutedIndicator: React.FC<
-  PeerAudioMutedIndicatorProps
-> = ({ isMuted }) => {
-  const iconWrapperStyles = useHMSRoomStyle((theme) => ({
-    backgroundColor: theme.palette.secondary_dim,
-  }));
-
-  if (isMuted) {
-    return (
-      <View style={[styles.iconWrapper, iconWrapperStyles]}>
-        <MicIcon muted={true} style={styles.icon} />
-      </View>
-    );
-  }
-
-  return null;
-};
-
-const styles = StyleSheet.create({
-  iconWrapper: {
-    position: 'absolute',
-    top: 8,
-    right: 8,
-    padding: 8,
-    borderRadius: 16,
-  },
-  icon: {
-    width: 16,
-    height: 16,
-  },
-});

package/src/components/Picker.tsx

@@ -1,108 +0,0 @@
-import React, { useState } from 'react';
-import {
-  Platform,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  View,
-} from 'react-native';
-import type { StyleProp, ViewStyle } from 'react-native';
-import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
-
-import { Menu, MenuItem } from './MenuModal';
-import { COLORS } from '../utils/theme';
-
-export const CustomPicker = ({
-  data,
-  selectedItem,
-  onItemSelected,
-  viewStyle,
-}: {
-  data: any[];
-  selectedItem: any;
-  onItemSelected: React.Dispatch<React.SetStateAction<any>>;
-  viewStyle?: StyleProp<ViewStyle>;
-}) => {
-  const [visible, setVisible] = useState<boolean>(false);
-
-  const hideMenu = () => setVisible(false);
-  const showMenu = () => setVisible(true);
-
-  return (
-    <Menu
-      visible={visible}
-      anchor={
-        <TouchableOpacity
-          style={[styles.chatFilterContainer, viewStyle]}
-          onPress={showMenu}
-        >
-          <Text style={styles.chatFilterText} numberOfLines={1}>
-            {selectedItem}
-          </Text>
-          <MaterialIcons
-            name={visible ? 'arrow-drop-up' : 'arrow-drop-down'}
-            style={styles.chatFilterIcon}
-            size={24}
-          />
-        </TouchableOpacity>
-      }
-      onRequestClose={hideMenu}
-      style={styles.chatMenuContainer}
-    >
-      {data?.map((value) => {
-        return (
-          <MenuItem
-            onPress={() => {
-              hideMenu();
-              onItemSelected(value);
-            }}
-            key={value}
-          >
-            <View style={styles.chatMenuItem}>
-              <Text style={styles.chatMenuItemName}>{value}</Text>
-            </View>
-          </MenuItem>
-        );
-      })}
-    </Menu>
-  );
-};
-
-const styles = StyleSheet.create({
-  chatFilterContainer: {
-    padding: 8,
-    marginVertical: 16,
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  chatFilterText: {
-    color: COLORS.TEXT.HIGH_EMPHASIS,
-    fontFamily: 'Inter-Regular',
-    fontSize: 12,
-    lineHeight: 16,
-    letterSpacing: 0.4,
-    marginRight: 12,
-    textTransform: 'capitalize',
-  },
-  chatFilterIcon: {
-    color: COLORS.TEXT.HIGH_EMPHASIS,
-    position: 'absolute',
-    right: 0,
-  },
-  chatMenuContainer: {
-    backgroundColor: COLORS.SURFACE.LIGHT,
-  },
-  chatMenuItem: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingLeft: Platform.OS === 'ios' ? 16 : 0,
-  },
-  chatMenuItemName: {
-    color: COLORS.TEXT.HIGH_EMPHASIS,
-    fontSize: 14,
-    lineHeight: 20,
-    letterSpacing: 0.1,
-    fontFamily: 'Inter-Medium',
-    textTransform: 'capitalize',
-  },
-});