From 2755280069a83e6ed261d22f78e701c326e02e4a Mon Sep 17 00:00:00 2001
From: Ryan Mathis <rmathis@unicon.net>
Date: Thu, 27 Oct 2022 08:52:01 -0700
Subject: [PATCH] Fixed removal of duplicate entity ids

---
 .../form/component/fields/FilterTargetField.js  | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/ui/src/app/form/component/fields/FilterTargetField.js b/ui/src/app/form/component/fields/FilterTargetField.js
index d42738059..9fabd0661 100644
--- a/ui/src/app/form/component/fields/FilterTargetField.js
+++ b/ui/src/app/form/component/fields/FilterTargetField.js
@@ -18,6 +18,7 @@ import Editor from 'react-simple-code-editor';
 // import 'prismjs/components/prism-javascript';
 
 import { FilterTargetPreview } from '../../../metadata/hoc/FilterTargetPreview';
+import { remove } from 'lodash';
 
 const ToggleButton = ({ isOpen, onClick, disabled }) => (
     <Button
@@ -116,10 +117,12 @@ const FilterTargetField = ({
         ]);
         setSearchTerm('');
     };
-    const removeId = (id) => {
-        setSelectedTarget([
-            ...selectedTarget.filter(t => t !== id)
-        ]);
+    const removeIdx = (idx) => {
+        const updated = [
+            ...selectedTarget
+        ];
+        remove(updated, (v, index) => index === idx);
+        setSelectedTarget(updated);
     };
 
     const onEntityIdsChange = (value) => {
@@ -289,8 +292,8 @@ const FilterTargetField = ({
                         <label className="control-label"><Translate value="label.entity-ids-added">Entity Ids Added</Translate></label>
                         <hr />
                         <ul className="list-group list-group-sm list-group-scroll">
-                        {selectedTarget.map(id => 
-                            <li key={id} className="list-group-item d-flex justify-content-between align-items-center">
+                        {selectedTarget.map((id, idx) => 
+                            <li key={idx} className="list-group-item d-flex justify-content-between align-items-center">
                                 <FilterTargetPreview entityId={id}>
                                     {(preview, loading, xml) => (
                                         <React.Fragment>
@@ -306,7 +309,7 @@ const FilterTargetField = ({
                                                 }
                                                 <Button type="button" 
                                                 variant="link"
-                                                className="text-end" onClick={() => removeId(id)}>
+                                                className="text-end" onClick={() => removeIdx(idx)}>
                                                     <FontAwesomeIcon icon={faTrash} size="lg" className="text-danger sr-hidden" />
                                                     <span className="sr-only"><Translate value="action.remove">Remove</Translate></span>
                                                 </Button>