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

apps/meteor/client/components/UserAutoCompleteMultiple/UserAutoCompleteMultipleOptions.tsx

@@ -0,0 +1,42 @@
+import type { OptionType } from '@rocket.chat/fuselage';
+import { Options } from '@rocket.chat/fuselage';
+import type { ComponentProps, Ref } from 'react';
+import { forwardRef, createContext, useContext } from 'react';
+
+import UserAutoCompleteMultipleOption from './UserAutoCompleteMultipleOption';
+
+// This is a hack in order to bypass the MultiSelect filter.
+// The select requires a forwarded ref component in the renderOptions property
+// but we also need to pass internal state to this renderer, as well as the props that also come from the Select.
+
+export type UserLabel = {
+	_federated?: boolean;
+	username: string;
+	name?: string;
+};
+
+type OptionsContextValue = {
+	options: OptionType<string, UserLabel>[];
+};
+
+export const OptionsContext = createContext<OptionsContextValue>({
+	options: [],
+});
+const UserAutoCompleteMultipleOptions = forwardRef(function UserAutoCompleteMultipleOptions(
+	{ onSelect, ...props }: ComponentProps<typeof Options>,
+	ref: Ref<HTMLElement>,
+) {
+	const { options } = useContext(OptionsContext);
+	return (
+		<Options
+			{...props}
+			key='AutocompleteOptions'
+			options={options}
+			onSelect={onSelect}
+			ref={ref}
+			renderItem={UserAutoCompleteMultipleOption}
+		/>
+	);
+});
+
+export default UserAutoCompleteMultipleOptions;