Limit selection to one value per field

cqliu1 · Feb 10, 2020 · f5422c2 · f5422c2
1 parent 1b8ea0c
commit f5422c2
Show file tree

Hide file tree

Showing 2 changed files with 297 additions and 83 deletions.
diff --git a/public/renderer/component.js b/public/renderer/component.js
@@ -18,6 +18,7 @@
  */
 
 import React, { useState } from 'react';
+import { get } from 'lodash';
 import { EuiComboBox } from '@elastic/eui';
 
 export const MultiFilter = ({
@@ -49,6 +50,19 @@ export const MultiFilter = ({
   }));
 
   const onChangeHandler = items => {
+    if (items.length > 0) {
+      // Keep only latest selected value per column
+      items = items.reduce((acc, item) => {
+        const selectionIndex = acc.findIndex(
+          option => get(option, 'value.column') === get(item, 'value.column')
+        );
+        if (selectionIndex !== -1) {
+          acc[selectionIndex] = item;
+          return acc;
+        }
+        return acc.concat(item);
+      }, []);
+    }
     setSelectedOptions(items);
   };