Allow using whole row for power search

Reviewed By: lblasa

Differential Revision: D49827828

fbshipit-source-id: 93219146ba59074be305eb9a963550223a5abd18

desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchConfig.tsx

@@ -84,6 +84,7 @@ export type FieldConfig = {
   key: string;
   label: string;
   operators: {[key: string]: OperatorConfig};
+  useWholeRow?: boolean;
 };
 
 export type PowerSearchConfig = {

desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchTerm.tsx

@@ -20,7 +20,7 @@ import {PowerSearchStringSetTerm} from './PowerSearchStringSetTerm';
 import {PowerSearchStringTerm} from './PowerSearchStringTerm';
 
 export type IncompleteSearchExpressionTerm = {
-  field: {key: string; label: string};
+  field: {key: string; label: string; useWholeRow?: boolean};
   operator: OperatorConfig;
   searchValue?: any;
 };

desktop/flipper-plugin/src/ui/data-table/DataTableWithPowerSearch.tsx

@@ -132,7 +132,10 @@ export type DataTableColumn<T = any> = {
   visible?: boolean;
   inversed?: boolean;
   sortable?: boolean;
-  powerSearchConfig?: OperatorConfig[] | false;
+  powerSearchConfig?:
+    | OperatorConfig[]
+    | false
+    | {operators: OperatorConfig[]; useWholeRow?: boolean};
 };
 
 export interface TableRowRenderContext<T = any> {
@@ -248,22 +251,32 @@ export function DataTable<T extends object>(
       if (column.powerSearchConfig === false) {
         continue;
       }
+
+      let useWholeRow = false;
+      let columnPowerSearchOperators: OperatorConfig[];
+      // If no power search config provided we treat every input as a string
+      if (!column.powerSearchConfig) {
+        columnPowerSearchOperators = [
+          dataTablePowerSearchOperators.string_contains(true),
+          dataTablePowerSearchOperators.string_not_contains(true),
+          dataTablePowerSearchOperators.string_matches_exactly(true),
+          dataTablePowerSearchOperators.string_not_matches_exactly(true),
+        ];
+      } else if (Array.isArray(column.powerSearchConfig)) {
+        columnPowerSearchOperators = column.powerSearchConfig;
+      } else {
+        columnPowerSearchOperators = column.powerSearchConfig.operators;
+        useWholeRow = true;
+      }
+
       const columnFieldConfig: FieldConfig = {
         label: column.title || column.key,
         key: column.key,
-        // If no power search config provided we treat every input as a string
+        operators: columnPowerSearchOperators.reduce((res, operatorConfig) => {
-        operators: column.powerSearchConfig?.reduce((res, operatorConfig) => {
           res[operatorConfig.key] = operatorConfig;
           return res;
-        }, {} as Record<string, OperatorConfig>) ?? {
+        }, {} as Record<string, OperatorConfig>),
-          string_contains: dataTablePowerSearchOperators.string_contains(true),
+        useWholeRow,
-          string_not_contains:
-            dataTablePowerSearchOperators.string_not_contains(true),
-          string_matches_exactly:
-            dataTablePowerSearchOperators.string_matches_exactly(true),
-          string_not_matches_exactly:
-            dataTablePowerSearchOperators.string_not_matches_exactly(true),
-        },
       };
       res.fields[column.key] = columnFieldConfig;
     }

desktop/flipper-plugin/src/ui/data-table/DataTableWithPowerSearchManager.tsx

@@ -480,7 +480,9 @@ export function computeDataTableFilter(
       return true;
     }
     return searchExpression.every((searchTerm) => {
-      const value = getValueAtPath(item, searchTerm.field.key);
+      const value = searchTerm.field.useWholeRow
+        ? item
+        : getValueAtPath(item, searchTerm.field.key);
       if (!value) {
         console.warn(
           'computeDataTableFilter -> value at searchTerm.field.key is not recognized',