@refinitiv-ui/elements 6.18.3 → 6.18.4

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.18.4](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.18.3...@refinitiv-ui/elements@6.18.4) (2024-08-26)
+
+### Bug Fixes
+
+- **tree-select:** fix item interface doesn't sync with values ([#1208](https://github.com/Refinitiv/refinitiv-ui/issues/1208)) ([543e0cf](https://github.com/Refinitiv/refinitiv-ui/commit/543e0cf533a6dc848fa359ed5e23e70ecc389979))
+
 ## [6.18.3](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.18.2...@refinitiv-ui/elements@6.18.3) (2024-08-13)
 
 ### Bug Fixes

package/lib/tree-select/index.d.ts

@@ -114,6 +114,12 @@ export declare class TreeSelect extends ComboBox<TreeSelectDataItem> {
      */
     get values(): string[];
     set values(values: string[]);
+    /**
+     * Update composer values.
+     * @param newValues new values
+     * @returns {void}
+     */
+    protected updateComposerValues(newValues: string[]): void;
     /**
      * Renderer used to render tree item elements
      */

package/lib/tree-select/index.js

@@ -194,6 +194,28 @@ let TreeSelect = class TreeSelect extends ComboBox {
             this.requestUpdate('values', oldValues);
         }
     }
+    /**
+     * Update composer values.
+     * @param newValues new values
+     * @returns {void}
+     */
+    updateComposerValues(newValues) {
+        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);
+        }
+    }
     /**
      * Set maximum number of selected items
      * @param value max value

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '6.18.3';
+export const VERSION = '6.18.4';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "6.18.3",
+  "version": "6.18.4",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -370,5 +370,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7b8d10d848330ff50ae379e64ba5deb9db47190e"
+  "gitHead": "85921c6259adfee828da3aa542379fae1f9dae9d"
 }