snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/views/teams/ChannelDesertionTable/ChannelDesertionTable.tsx

@@ -0,0 +1,88 @@
+import type { IRoom, Serialized } from '@rocket.chat/core-typings';
+import { Box, CheckBox } from '@rocket.chat/fuselage';
+import { GenericTable, GenericTableHeaderCell, GenericTableHeader, GenericTableBody, useSort } from '@rocket.chat/ui-client';
+import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import ChannelDesertionTableRow from './ChannelDesertionTableRow';
+
+export type ChannelDesertionTableProps = {
+	lastOwnerWarning?: string;
+	rooms?: (Serialized<IRoom> & { isLastOwner?: boolean })[];
+	eligibleRoomsLength: number | undefined;
+	onChangeRoomSelection: (room: Serialized<IRoom>) => void;
+	selectedRooms: { [key: string]: Serialized<IRoom> };
+	onToggleAllRooms: () => void;
+};
+
+const ChannelDesertionTable = ({
+	rooms,
+	eligibleRoomsLength,
+	onChangeRoomSelection,
+	selectedRooms,
+	onToggleAllRooms,
+	lastOwnerWarning,
+}: ChannelDesertionTableProps) => {
+	const { sortBy, sortDirection, setSort } = useSort<'name' | 'ts'>('name');
+
+	const { t } = useTranslation();
+
+	const selectedRoomsLength = Object.values(selectedRooms).filter(Boolean).length;
+
+	const checked = eligibleRoomsLength === selectedRoomsLength;
+	const indeterminate = eligibleRoomsLength && eligibleRoomsLength > selectedRoomsLength ? selectedRoomsLength > 0 : false;
+
+	const results = useMemo(() => {
+		if (!rooms) {
+			return [];
+		}
+
+		const direction = sortDirection === 'asc' ? 1 : -1;
+
+		return rooms.toSorted((a, b) => {
+			const aValue = a[sortBy] ?? '';
+			const bValue = b[sortBy] ?? '';
+			if (!aValue && !bValue) {
+				return 0;
+			}
+			if (!aValue) {
+				return 1;
+			}
+			if (!bValue) {
+				return -1;
+			}
+			return aValue.localeCompare(bValue) * direction;
+		});
+	}, [rooms, sortBy, sortDirection]);
+
+	return (
+		<Box display='flex' flexDirection='column' height='x200' marginBlockStart={24}>
+			<GenericTable fixed={false}>
+				<GenericTableHeader>
+					<GenericTableHeaderCell key='name' sort='name' onClick={setSort} direction={sortDirection} active={sortBy === 'name'}>
+						<CheckBox indeterminate={indeterminate} checked={checked} onChange={onToggleAllRooms} />
+						<Box marginInline={8}>{t('Channel_name')}</Box>
+					</GenericTableHeaderCell>
+					<GenericTableHeaderCell key='ts' sort='ts' onClick={setSort} direction={sortDirection} active={sortBy === 'ts'}>
+						<Box width='100%' textAlign='end'>
+							{t('Joined_at')}
+						</Box>
+					</GenericTableHeaderCell>
+				</GenericTableHeader>
+				<GenericTableBody>
+					{results?.map((room, key) => (
+						<ChannelDesertionTableRow
+							key={key}
+							room={room}
+							onChange={onChangeRoomSelection}
+							selected={'_id' in room && room._id ? !!selectedRooms[room._id] : false}
+							lastOwnerWarning={lastOwnerWarning}
+						/>
+					))}
+				</GenericTableBody>
+			</GenericTable>
+		</Box>
+	);
+};
+
+export default ChannelDesertionTable;

apps/meteor/client/views/teams/ChannelDesertionTable/ChannelDesertionTableRow.tsx

@@ -0,0 +1,41 @@
+import type { IRoom, Serialized } from '@rocket.chat/core-typings';
+import { Box, CheckBox, Icon, Margins } from '@rocket.chat/fuselage';
+import { useStableCallback } from '@rocket.chat/fuselage-hooks';
+import { GenericTableRow, GenericTableCell } from '@rocket.chat/ui-client';
+import { useId } from 'react';
+
+import { useFormatDateAndTime } from '../../../hooks/useFormatDateAndTime';
+
+export type ChannelDesertionTableRowProps = {
+	onChange: (room: Serialized<IRoom> & { isLastOwner?: boolean }) => void;
+	selected: boolean;
+	room: Serialized<IRoom> & { isLastOwner?: boolean };
+	lastOwnerWarning?: string;
+};
+
+const ChannelDesertionTableRow = ({ room, onChange, selected, lastOwnerWarning }: ChannelDesertionTableRowProps) => {
+	const { name, fname, ts, isLastOwner } = room;
+	const formatDate = useFormatDateAndTime();
+	const checkboxId = useId();
+	const handleChange = useStableCallback(() => onChange(room));
+
+	return (
+		<GenericTableRow action>
+			<GenericTableCell maxWidth='x300' withTruncatedText>
+				<CheckBox id={checkboxId} checked={selected} onChange={handleChange} disabled={isLastOwner} />
+				<Box is='label' htmlFor={checkboxId} style={{ cursor: isLastOwner ? undefined : 'pointer' }}>
+					<Margins inline={8}>
+						<Icon name={room.t === 'p' ? 'hashtag-lock' : 'hashtag'} />
+						{fname ?? name}
+						{isLastOwner && <Icon size='x16' name='info-circled' color='status-font-on-danger' title={lastOwnerWarning} />}
+					</Margins>
+				</Box>
+			</GenericTableCell>
+			<GenericTableCell align='end' withTruncatedText>
+				{formatDate(ts)}
+			</GenericTableCell>
+		</GenericTableRow>
+	);
+};
+
+export default ChannelDesertionTableRow;

apps/meteor/client/views/teams/ChannelDesertionTable/index.ts

@@ -0,0 +1 @@
+export { default } from './ChannelDesertionTable';