fix(tree-select): fix item interface doesn't sync with values (#1208)

Refinitiv · Aug 21, 2024 · 543e0cf · 543e0cf
1 parent 7b8d10d
commit 543e0cf
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/elements/src/tree-select/index.ts b/packages/elements/src/tree-select/index.ts
@@ -241,6 +241,29 @@ export class TreeSelect extends ComboBox<TreeSelectDataItem> {
     }
   }
 
+  /**
+   * Update composer values.
+   * @param newValues new values
+   * @returns {void}
+   */
+  protected override updateComposerValues(newValues: string[]): void {
+    for (const item of this.treeManager.checkedItems) {
+      this.treeManager.uncheckItem(item);
+    }
+    const selectedItems = this.queryItems((item, composer) => {
+      return newValues.includes(composer.getItemPropertyValue(item, 'value') ?? '');
+    });
+    const sortedSelectedItem = [];
+    for (const item of selectedItems) {
+      const value = this.composer.getItemPropertyValue(item, 'value') ?? '';
+      const index = newValues.indexOf(value);
+      sortedSelectedItem[index] = item;
+    }
+    for (const item of sortedSelectedItem) {
+      this.treeManager.checkItem(item);
+    }
+  }
+
   /**
    * Renderer used to render tree item elements
    */