feat(custom): remove searchFields prop from OnDropdownInputChangeProps

J=BACK-2765
TEST=manual

docs/search-ui-react.ondropdowninputchangeprops.md

@@ -17,6 +17,5 @@ interface OnDropdownInputChangeProps
 |  Property | Modifiers | Type | Description |
 |  --- | --- | --- | --- |
 |  [executeFilterSearch](./search-ui-react.ondropdowninputchangeprops.executefiltersearch.md) |  | (query?: string) => Promise<FilterSearchResponse \| undefined> | A function that executes a filter search and updates the input and dropdown options with the response. |
-|  [searchFields](./search-ui-react.ondropdowninputchangeprops.searchfields.md) |  | Omit<SearchParameterField, 'fetchEntities'>\[\] |  |
 |  [value](./search-ui-react.ondropdowninputchangeprops.value.md) |  | string | The input element's new value after the change |
 

etc/search-ui-react.api.md

@@ -465,8 +465,6 @@ export type OnDragHandler = (center: mapboxgl_2.LngLat, bounds: mapboxgl_2.LngLa
 // @public
 export interface OnDropdownInputChangeProps {
     executeFilterSearch: (query?: string) => Promise<FilterSearchResponse | undefined>;
-    // (undocumented)
-    searchFields: Omit<SearchParameterField, 'fetchEntities'>[];
     value: string;
 }
 

src/components/FilterSearch.tsx

@@ -63,7 +63,6 @@ export interface OnSelectParams {
 export interface OnDropdownInputChangeProps {
   /** The input element's new value after the change */
   value: string,
-  searchFields: Omit<SearchParameterField, 'fetchEntities'>[],
   /**
    * A function that executes a filter search and updates the input and dropdown options
    * with the response.
@@ -246,7 +245,6 @@ export function FilterSearch({
   const handleInputChange = useCallback((value) => {
     onDropdownInputChange ? onDropdownInputChange({
       value,
-      searchFields,
       executeFilterSearch
     }) : executeFilterSearch(value);
   }, [

test-site/src/pages/PeoplePage.tsx

@@ -50,8 +50,8 @@ export function PeoplePage() {
    * This is especially useful for implementations that have multiple FilterSearch components.
    * Ex. a user can search using both inputs initially, but then wants to clear one of the FilterSearch inputs and re-run a search.
    */  
-  const removeAssociatedFilterWhenInputIsEmpty = (params: OnDropdownInputChangeProps) => {
-    const { value, searchFields, executeFilterSearch } = params;
+  const removeAssociatedFilterWhenInputIsEmpty = (searchFields: { fieldApiName: string; entityType: string; }[]) => (params: OnDropdownInputChangeProps) => {
+    const { value, executeFilterSearch } = params;
     // If there is still an input value, execute the filter search as normal
     if (value !== "") {
       executeFilterSearch(value);
@@ -79,13 +79,13 @@ export function PeoplePage() {
             searchFields={filterSearchFields}
             searchOnSelect={true}
             label='FilterSearch Name Filter'
-            onDropdownInputChange={removeAssociatedFilterWhenInputIsEmpty}
+            onDropdownInputChange={removeAssociatedFilterWhenInputIsEmpty(filterSearchFields)}
           />
           <FilterSearch
             searchFields={employeeFilterSearchFields}
             searchOnSelect={true}
             label='FilterSearch Department Filter'
-            onDropdownInputChange={removeAssociatedFilterWhenInputIsEmpty}
+            onDropdownInputChange={removeAssociatedFilterWhenInputIsEmpty(employeeFilterSearchFields)}
           />
           <FilterDivider />
           <StaticFilters

tests/components/FilterSearch.stories.tsx

@@ -48,7 +48,7 @@ export default meta;
 export const Primary: StoryFn<FilterSearchProps> = (args) => {
   return (
     <SearchHeadlessContext.Provider value={generateMockedHeadless(mockedHeadlessState)}>
-      <FilterSearch {...args} searchFields={searchFields} />
+      <FilterSearch {...args} searchFields={searchFields} onDropdownInputChange={undefined} />
     </SearchHeadlessContext.Provider>
   );
 };