feat: enable client-side filtering of property options when editing a PropertyFilter token

Author: iancaffey

src/property-filter/__tests__/property-filter-token-editor.test.tsx

@@ -208,6 +208,22 @@ describe.each([false, true])('token editor, expandToViewport=%s', expandToViewpo
       ).toEqual(['=Equals', '!=Does not equal', ':Contains', '!:Does not contain']);
     });
 
+    test('enables client-side filtering on property options', () => {
+      renderComponent({
+        query: { tokens: [{ propertyKey: 'string', value: 'first', operator: ':' }], operation: 'or' },
+      });
+      const editor = openEditor(0, { expandToViewport });
+      act(() => editor.propertySelect().openDropdown());
+      act(() => editor.propertySelect().findFilteringInput()!.setInputValue('str'));
+      expect(
+        editor
+          .propertySelect()
+          .findDropdown()
+          .findOptions()
+          .map(optionWrapper => optionWrapper.getElement().textContent)
+      ).toEqual(['string', 'string-other', 'string!=']);
+    });
+
     test('preserves fields, when one is edited', () => {
       renderComponent({
         disableFreeTextFiltering: true,

src/property-filter/token-editor-inputs.tsx

@@ -66,6 +66,7 @@ export function PropertyInput({
   }
   return (
     <InternalSelect
+      filteringType="auto"
       options={propertyOptions}
       selectedOption={
         property