@refinitiv-ui/elements 7.13.3 → 7.13.5

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.13.5](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@7.13.4...@refinitiv-ui/elements@7.13.5) (2024-09-23)
+
+### Bug Fixes
+
+- **tree, tree-select, combo-box:** apply filter when it's updated ([#1217](https://github.com/Refinitiv/refinitiv-ui/issues/1217)) ([3640760](https://github.com/Refinitiv/refinitiv-ui/commit/36407603d89cdf2cf22fd1ae4ee51f15f42aea9d))
+
+## [7.13.4](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@7.13.3...@refinitiv-ui/elements@7.13.4) (2024-08-26)
+
+### Bug Fixes
+
+- **tree-select:** fix item interface doesn't sync with values ([#1206](https://github.com/Refinitiv/refinitiv-ui/issues/1206)) ([9691ff6](https://github.com/Refinitiv/refinitiv-ui/commit/9691ff6608f99af7ea47121c3f9325ea35b05e12))
+
 ## [7.13.3](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@7.13.2...@refinitiv-ui/elements@7.13.3) (2024-08-13)
 
 ### Bug Fixes

package/lib/combo-box/index.js

@@ -509,6 +509,10 @@ let ComboBox = class ComboBox extends FormFieldElement {
         if (changedProperties.has('data') && this.opened) {
             triggerResize();
         }
+        // If filter has been updated, filter items again with the updated filter.
+        if (changedProperties.has('filter')) {
+            this.filterItems();
+        }
         super.update(changedProperties);
     }
     /**

package/lib/tree/elements/tree.js

@@ -254,7 +254,7 @@ let Tree = class Tree extends List {
         if (changeProperties.has('noRelation') || changeProperties.has('multiple')) {
             this._manager.setMode(this.mode);
         }
-        if (changeProperties.has('query') || changeProperties.has('data')) {
+        if (changeProperties.has('query') || changeProperties.has('data') || changeProperties.has('filter')) {
             this.filterItems();
         }
     }

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

@@ -116,6 +116,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

@@ -199,6 +199,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 = '7.13.3';
+export const VERSION = '7.13.5';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "7.13.3",
+  "version": "7.13.5",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -353,25 +353,25 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@refinitiv-ui/core": "^7.5.0",
-    "@refinitiv-ui/demo-block": "^7.1.14",
-    "@refinitiv-ui/i18n": "^7.1.4",
+    "@refinitiv-ui/core": "^7.5.1",
+    "@refinitiv-ui/demo-block": "^7.1.15",
+    "@refinitiv-ui/i18n": "^7.1.5",
     "@refinitiv-ui/phrasebook": "^7.1.1",
-    "@refinitiv-ui/test-helpers": "^7.1.1",
-    "@refinitiv-ui/translate": "^7.1.8",
+    "@refinitiv-ui/test-helpers": "^7.1.2",
+    "@refinitiv-ui/translate": "^7.1.9",
     "@refinitiv-ui/utils": "^7.3.0",
     "@types/d3-interpolate": "^3.0.1"
   },
   "peerDependencies": {
     "@refinitiv-ui/browser-sparkline": "^1.0.0 || ^2.0.0",
-    "@refinitiv-ui/core": "^7.5.0",
-    "@refinitiv-ui/i18n": "^7.1.4",
+    "@refinitiv-ui/core": "^7.5.1",
+    "@refinitiv-ui/i18n": "^7.1.5",
     "@refinitiv-ui/phrasebook": "^7.1.1",
-    "@refinitiv-ui/translate": "^7.1.8",
+    "@refinitiv-ui/translate": "^7.1.9",
     "@refinitiv-ui/utils": "^7.3.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "80088aed35c12857c850127ce3a3fad421c3445a"
+  "gitHead": "4fec2441736742b711f605b8b6de3c5ea19c7dba"
 }