diff --git a/app/react/V2/Components/Forms/MultiselectList.tsx b/app/react/V2/Components/Forms/MultiselectList.tsx index d444924cc7..25aa915fa2 100644 --- a/app/react/V2/Components/Forms/MultiselectList.tsx +++ b/app/react/V2/Components/Forms/MultiselectList.tsx @@ -32,6 +32,9 @@ interface MultiselectListProps { startOnSelected?: boolean; search?: string; suggestions?: boolean; + itemClassName?: string | null; + itemContainerClassName?: string | null; + hideFilters?: boolean; blankState?: string | React.ReactNode; } @@ -52,6 +55,9 @@ const MultiselectList = ({ startOnSelected = false, search = '', suggestions = false, + hideFilters = false, + itemClassName = null, + itemContainerClassName = null, blankState = No items available, }: MultiselectListProps) => { const [selectedItems, setSelectedItems] = useState(value || []); @@ -200,11 +206,11 @@ const MultiselectList = ({ const selected = selectedItems.includes(item.value); const borderSyles = selected - ? 'border-sucess-200' + ? 'border-success-200' : 'border-transparent hover:border-primary-300'; return ( -
  • +
  • - {isOpen && } + {isOpen && ( + + )}
  • ); } return ( -
  • +
  • {group.label} - +
  • ); }; @@ -319,36 +329,38 @@ const MultiselectList = ({ value={searchTerm} clearFieldAction={() => setSearchTerm('')} /> -
    - All, - value: 'true', - defaultChecked: !startOnSelected, - }, - { - label: renderSelectedLabel(), - value: 'false', - disabled: selectedOrSuggestedItems.size === 0, - defaultChecked: startOnSelected, - }, - ]} - onChange={applyFilter} - className="flex-grow" - /> - {allowSelelectAll && ( - - )} -
    + {!hideFilters && ( +
    + All, + value: 'true', + defaultChecked: !startOnSelected, + }, + { + label: renderSelectedLabel(), + value: 'false', + disabled: selectedOrSuggestedItems.size === 0, + defaultChecked: startOnSelected, + }, + ]} + onChange={applyFilter} + className="flex-grow" + /> + {allowSelelectAll && ( + + )} +
    + )} {items.length === 0 && ( @@ -356,7 +368,7 @@ const MultiselectList = ({ {renderChild(blankState)} )} -