wc: replace select individual-hpo-filter #TASK-5070

opencb · Nov 16, 2023 · 896e5c1 · 896e5c1
1 parent 33d83be
commit 896e5c1
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/webcomponents/commons/filters/individual-hpo-filter.js b/src/webcomponents/commons/filters/individual-hpo-filter.js
@@ -16,6 +16,7 @@
 
 import {html, LitElement} from "lit";
 import LitUtils from "../utils/lit-utils";
+import "../forms/select-field-filter2.js";
 
 export default class IndividualHpoFilter extends LitElement {
 
@@ -121,14 +122,15 @@ export default class IndividualHpoFilter extends LitElement {
                 <div style="margin: 10px 0">
                     <span>Or select terms manually:</span>
                 </div>
-                <select-field-filter
-                    multiple
-                    ?liveSearch="${this.phenotypes?.length > 25}"
+                <select-field-filter2
                     .value="${this.value || ""}"
                     .data="${this.phenotypes}"
-                    ?disabled="${this.phenotypes?.length === 0 || this.allChecked || this.disabled}"
+                    .config="${{
+                        liveSearch: this.phenotypes?.length > 25,
+                        disabled: this.phenotypes?.length === 0 || this.allChecked || this.disabled
+                    }}"
                     @filterChange="${e => this.filterChange(e)}">
-                </select-field-filter>
+                </select-field-filter2>
             </div>
         `;
     }