Add closePopover action

elastic · Dec 15, 2020 · d16b81a · d16b81a
1 parent d9e7c96
commit d16b81a
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/plugins/vis_type_table/public/components/table_vis_columns.tsx b/src/plugins/vis_type_table/public/components/table_vis_columns.tsx
@@ -76,7 +76,7 @@ export const createGridColumns = (
     (col, colIndex): EuiDataGridColumn => {
       const cellActions = col.filterable
         ? [
-            ({ rowIndex, columnId, Component }: EuiDataGridColumnCellActionProps) => {
+            ({ rowIndex, columnId, Component, closePopover }: EuiDataGridColumnCellActionProps) => {
               const rowValue = rows[rowIndex][columnId];
               const contentsIsDefined = rowValue !== null && rowValue !== undefined;
               const cellContent = col.formatter.convert(rowValue);
@@ -102,17 +102,18 @@ export const createGridColumns = (
                   <Component
                     aria-label={filterForAriaLabel}
                     data-test-subj="tbvChartCell__filterForCellValue"
-                    onClick={() =>
-                      onFilterClick({ row: rowIndex, column: colIndex, value: rowValue }, false)
-                    }
+                    onClick={() => {
+                      onFilterClick({ row: rowIndex, column: colIndex, value: rowValue }, false);
+                      closePopover();
+                    }}
                     iconType="plusInCircle"
                   >
                     {filterForText}
                   </Component>
                 )
               );
             },
-            ({ rowIndex, columnId, Component }: EuiDataGridColumnCellActionProps) => {
+            ({ rowIndex, columnId, Component, closePopover }: EuiDataGridColumnCellActionProps) => {
               const rowValue = rows[rowIndex][columnId];
               const contentsIsDefined = rowValue !== null && rowValue !== undefined;
               const cellContent = col.formatter.convert(rowValue);
@@ -137,9 +138,10 @@ export const createGridColumns = (
                 contentsIsDefined && (
                   <Component
                     aria-label={filterOutAriaLabel}
-                    onClick={() =>
-                      onFilterClick({ row: rowIndex, column: colIndex, value: rowValue }, true)
-                    }
+                    onClick={() => {
+                      onFilterClick({ row: rowIndex, column: colIndex, value: rowValue }, true);
+                      closePopover();
+                    }}
                     iconType="minusInCircle"
                   >
                     {filterOutText}