[Filters] Add onQueryFocused callback

Shopify · Aug 9, 2019 · beb1936 · beb1936
1 parent 795f5ff
commit beb1936
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/Filters/Filters.tsx b/src/components/Filters/Filters.tsx
@@ -74,6 +74,8 @@ export interface Props {
   onClearAll(): void;
   /** Callback when the query field is blurred */
   onQueryBlur?(): void;
+  /** Callback when the query field is focused */
+  onQueryFocus?(): void;
   /** The content to display inline with the controls */
   children?: React.ReactNode;
 }
@@ -133,6 +135,7 @@ class Filters extends React.Component<ComposedProps, State> {
       queryValue,
       onQueryBlur,
       onQueryChange,
+      onQueryFocus,
       focused,
       onClearAll,
       appliedFilters,
@@ -236,6 +239,7 @@ class Filters extends React.Component<ComposedProps, State> {
           }
           onChange={onQueryChange}
           onBlur={onQueryBlur}
+          onFocus={onQueryFocus}
           value={queryValue}
           focused={focused}
           label={