feat: Report async loading usage in dropdown component metadata

src/autosuggest/__tests__/autosuggest-feature-metrics.test.tsx

@@ -25,7 +25,7 @@ test.each([
 
   expect(useBaseComponentSpy).toHaveBeenCalledWith('Autosuggest', {
     props: expect.anything(),
-    metadata: { hasTokens: true },
+    metadata: { hasTokens: true, hasAsyncLoading: false },
   });
 });
 
@@ -34,6 +34,18 @@ test('reports no token mode usage by default', () => {
 
   expect(useBaseComponentSpy).toHaveBeenCalledWith('Autosuggest', {
     props: expect.anything(),
-    metadata: { hasTokens: false },
+    metadata: { hasTokens: false, hasAsyncLoading: false },
+  });
+});
+
+test.each([
+  [true, () => {}],
+  [false, undefined],
+])('reports async loading usage as %s in metadata', (expected, onLoadItems) => {
+  render(<Autosuggest {...defaultProps} onLoadItems={onLoadItems} />);
+
+  expect(useBaseComponentSpy).toHaveBeenCalledWith('Autosuggest', {
+    props: expect.anything(),
+    metadata: expect.objectContaining({ hasAsyncLoading: expected }),
   });
 });

src/autosuggest/index.tsx

@@ -38,6 +38,7 @@ const Autosuggest = React.forwardRef(
       },
       metadata: {
         hasTokens: props.tokens !== undefined,
+        hasAsyncLoading: Boolean(props.onLoadItems),
       },
     });
 

src/button-dropdown/index.tsx

@@ -65,6 +65,7 @@ const ButtonDropdown = React.forwardRef(
         hasCustomIcon: Boolean(iconUrl || iconSvg || iconName),
         hasDisabledReason: Boolean(disabledReason),
         hasDisabledReasons: hasDisabledReasonItems(items),
+        hasAsyncLoading: Boolean(onLoadItems),
       },
     });
     const baseProps = getBaseProps(props);

src/multiselect/__tests__/multiselect-feature-metrics.test.tsx

@@ -50,3 +50,15 @@ test('reports no dropdown-customization usage by default', () => {
     }),
   });
 });
+
+test.each([
+  [true, () => {}],
+  [false, undefined],
+])('reports async loading usage as %s in metadata', (expected, onLoadItems) => {
+  render(<Multiselect {...defaultProps} onLoadItems={onLoadItems} />);
+
+  expect(useBaseComponentSpy).toHaveBeenCalledWith('Multiselect', {
+    props: expect.anything(),
+    metadata: expect.objectContaining({ hasAsyncLoading: expected }),
+  });
+});

src/multiselect/index.tsx

@@ -49,6 +49,7 @@ const Multiselect = React.forwardRef(
         hasDropdownHeader: Boolean(restProps.renderDropdownHeader),
         hasDropdownFooter: Boolean(restProps.renderDropdownFooter),
         hasDropdownAriaDescribedby: Boolean(restProps.dropdownAriaDescribedby),
+        hasAsyncLoading: Boolean(restProps.onLoadItems),
       },
     });
 

src/property-filter/index.tsx

@@ -62,6 +62,7 @@ const PropertyFilter = React.forwardRef(
         hasCustomForms,
         hasEnumTokens,
         hasCustomFormatters,
+        hasAsyncLoading: Boolean(rest.onLoadItems),
       },
     });
 

src/select/__tests__/select-feature-metrics.test.tsx

@@ -50,3 +50,15 @@ test('reports no dropdown-customization usage by default', () => {
     }),
   });
 });
+
+test.each([
+  [true, () => {}],
+  [false, undefined],
+])('reports async loading usage as %s in metadata', (expected, onLoadItems) => {
+  render(<Select {...defaultProps} onLoadItems={onLoadItems} />);
+
+  expect(useBaseComponentSpy).toHaveBeenCalledWith('Select', {
+    props: expect.anything(),
+    metadata: expect.objectContaining({ hasAsyncLoading: expected }),
+  });
+});

src/select/index.tsx

@@ -44,6 +44,7 @@ const Select = React.forwardRef(
         hasDropdownHeader: Boolean(restProps.renderDropdownHeader),
         hasDropdownFooter: Boolean(restProps.renderDropdownFooter),
         hasDropdownAriaDescribedby: Boolean(restProps.dropdownAriaDescribedby),
+        hasAsyncLoading: Boolean(restProps.onLoadItems),
       },
     });
     const externalProps = getExternalProps(restProps);