UIPQB-51: Dropdown typeahead should use contains not starts with (#60)

folio-org · Sep 27, 2023 · 938f173 · 938f173
1 parent 7146c3b
commit 938f173
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -29,3 +29,4 @@
 * [UIPQB-50](https://issues.folio.org/browse/UIPQB-50)Add 'in-progress' handling to plugin-query-builder
 * [UIPQB-48](https://issues.folio.org/browse/UIPQB-48) "Show columns" dropdown doesn't fit in the screen.
 * [UIPQB-47](https://issues.folio.org/browse/UIPQB-47) 400 error blocks save or further action in query builder.
+* [UIPQB-51](https://issues.folio.org/browse/UIPQB-51) Dropdown typeahead should use contains not starts with.
diff --git a/src/QueryBuilder/QueryBuilder/QueryBuilderModal/RepeatableFields/RepeatableFields.js b/src/QueryBuilder/QueryBuilder/QueryBuilderModal/RepeatableFields/RepeatableFields.js
@@ -38,6 +38,10 @@ export const RepeatableFields = ({ source, setSource, getParamsSource, columns }
     setSource(filteredFields);
   };
 
+  const onFilter = (value, dataOptions) => {
+    return dataOptions.filter(option => new RegExp(value, 'i').test(option.label));
+  };
+
   const handleChange = (value, index, fieldName) => {
     const field = fieldOptions.find(o => o.value === value);
     const isField = fieldName === COLUMN_KEYS.FIELD;
@@ -130,6 +134,7 @@ export const RepeatableFields = ({ source, setSource, getParamsSource, columns }
                   placeholder={intl.formatMessage({ id: 'ui-plugin-query-builder.control.selection.placeholder' })}
                   dataOptions={row.field.options}
                   value={row.field.current}
+                  onFilter={onFilter}
                   onChange={(value) => handleChange(value, index, COLUMN_KEYS.FIELD)}
                 />
               </Col>