diff --git a/.changeset/thick-kids-look.md b/.changeset/thick-kids-look.md new file mode 100644 index 0000000000..259aacb730 --- /dev/null +++ b/.changeset/thick-kids-look.md @@ -0,0 +1,5 @@ +--- +"@rocket.chat/fuselage": patch +--- + +fix(fuselage): Added missing render property from PaginatedMultiselect on PaginatedMultiSelectFiltered component to allow rendering items on it. diff --git a/packages/fuselage/src/components/PaginatedSelect/PaginatedMultiSelectFiltered.tsx b/packages/fuselage/src/components/PaginatedSelect/PaginatedMultiSelectFiltered.tsx index 5503ee114f..539081b04b 100644 --- a/packages/fuselage/src/components/PaginatedSelect/PaginatedMultiSelectFiltered.tsx +++ b/packages/fuselage/src/components/PaginatedSelect/PaginatedMultiSelectFiltered.tsx @@ -1,32 +1,13 @@ -import type { ComponentProps, Ref, FormEvent, ReactElement } from 'react'; +import type { ComponentProps, Ref, FormEvent } from 'react'; import React, { useCallback, forwardRef } from 'react'; -import type Box from '../Box'; import Flex from '../Flex'; import { InputBox } from '../InputBox'; -import { type OptionsPaginated } from '../OptionsPaginated'; -import PaginatedMultiSelect, { - type PaginatedMultiSelectOption, -} from './PaginatedMultiSelect'; +import PaginatedMultiSelect from './PaginatedMultiSelect'; -type PaginatedMultiSelectFilteredProps = Omit< - ComponentProps, - 'onChange' | 'value' | 'filter' -> & { - error?: boolean; - options: PaginatedMultiSelectOption[]; - withTitle?: boolean; - placeholder?: string; - endReached?: (start?: number, end?: number) => void; - value?: PaginatedMultiSelectOption[]; - onChange: (values: PaginatedMultiSelectOption[]) => void; - renderOptions?: ( - props: ComponentProps - ) => ReactElement | null; - anchor?: any; - filter?: string; +type PaginatedMultiSelectFilteredProps = { setFilter?: (value: string) => void; -}; +} & ComponentProps; export const PaginatedMultiSelectFiltered = ({ filter, @@ -67,8 +48,8 @@ export const PaginatedMultiSelectFiltered = ({ ); };