fix: implement the same word boundary search as the like query (#1038)

Co-authored-by: Dan Ribbens <dan.ribbens@gmail.com>

src/admin/components/forms/field-types/Relationship/index.tsx

@@ -22,6 +22,7 @@ import { createRelationMap } from './createRelationMap';
 import { useDebouncedCallback } from '../../../../hooks/useDebouncedCallback';
 import { useDocumentInfo } from '../../../utilities/DocumentInfo';
 import { getFilterOptionsQuery } from '../getFilterOptionsQuery';
+import wordBoundariesRegex from '../../../../../utilities/wordBoundariesRegex';
 
 import './index.scss';
 
@@ -70,6 +71,7 @@ const Relationship: React.FC<Props> = (props) => {
   const [optionFilters, setOptionFilters] = useState<{[relation: string]: Where}>();
   const [hasLoadedValueOptions, setHasLoadedValueOptions] = useState(false);
   const [search, setSearch] = useState('');
+  const [enableWordBoundarySearch, setEnableWordBoundarySearch] = useState(false);
 
   const memoizedValidate = useCallback((value, validationOptions) => {
     return validate(value, { ...validationOptions, required });
@@ -322,6 +324,17 @@ const Relationship: React.FC<Props> = (props) => {
     }
   }, [initialValue, getResults, optionFilters, filterOptions]);
 
+  // Determine if we should switch to word boundary search
+  useEffect(() => {
+    const relations = Array.isArray(relationTo) ? relationTo : [relationTo];
+    const isIdOnly = relations.reduce((idOnly, relation) => {
+      const collection = collections.find((coll) => coll.slug === relation);
+      const fieldToSearch = collection?.admin?.useAsTitle || 'id';
+      return fieldToSearch === 'id' && idOnly;
+    }, true);
+    setEnableWordBoundarySearch(!isIdOnly);
+  }, [relationTo, collections]);
+
   const classes = [
     'field-type',
     baseClass,
@@ -392,6 +405,10 @@ const Relationship: React.FC<Props> = (props) => {
           options={options}
           isMulti={hasMany}
           isSortable={isSortable}
+          filterOption={enableWordBoundarySearch ? (item, searchFilter) => {
+            const r = wordBoundariesRegex(searchFilter || '');
+            return r.test(item.label);
+          } : undefined}
         />
       )}
       {errorLoading && (