feat(FilterBar): allow customizing search field placeholder and noTypeahead props

Author: Lukas742

packages/main/src/components/FilterBar/index.tsx

@@ -386,8 +386,8 @@ const FilterBar = forwardRef<HTMLDivElement, FilterBarPropTypes>((props, ref) =>
             <FilterGroupItem data-with-toolbar={!hideToolbar} filterKey={`${uniqueId}-search`}>
               <div className={classNames.searchContainer}>
                 {cloneElement(search, {
-                  placeholder: searchText,
-                  noTypeahead: true,
+                  placeholder: search.props.placeholder ?? searchText,
+                  noTypeahead: search.props.noTypeahead ?? true,
                   showClearIcon: true,
                   type: InputType.Search,
                   icon: <Icon name={searchIcon} />,

packages/main/src/components/FilterBar/types.ts

@@ -84,7 +84,7 @@ export interface FilterBarPropTypes extends CommonProps {
   /**
    * Defines the search field rendered as first filter item.
    *
-   * __Note:__ Per default `placeholder`, `icon`, `noTypeahead`, `showClearIcon` and `type` are applied to the search input.
+   * __Note:__ By default, `placeholder`, `icon`, `noTypeahead`, `showClearIcon`, and `type` are applied to the search input. Only `placeholder` and `noTypeahead` can be overridden.
    *
    * __Note:__ The field is only available in the FilterBar not inside the filter configuration dialog.
    */