@refinitiv-ui/elements 6.2.2 → 6.3.0

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.3.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.2.2...@refinitiv-ui/elements@6.3.0) (2022-10-26)
+
+
+### Bug Fixes
+
+* **tree:** update parent item in values setter ([#496](https://github.com/Refinitiv/refinitiv-ui/issues/496)) ([0409fd4](https://github.com/Refinitiv/refinitiv-ui/commit/0409fd485deb74d311c06d4169dc64795e288ae8))
+
+
+### Features
+
+* **utils:** add util color `readableColor` ([#487](https://github.com/Refinitiv/refinitiv-ui/issues/487)) ([42b3ea2](https://github.com/Refinitiv/refinitiv-ui/commit/42b3ea26c2e810cf285ccaab56fd0e5e4d3fdc23))
+
+
+
+
+
 ## [6.2.2](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.2.1...@refinitiv-ui/elements@6.2.2) (2022-10-10)
 
 
@@ -18,6 +34,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ## [6.2.1](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.2.0...@refinitiv-ui/elements@6.2.1) (2022-09-26)
 
+* Update all formatjs dependencies to support typescript 4.8 ([#459](https://github.com/Refinitiv/refinitiv-ui/pull/454)) ([5337b97](https://github.com/Refinitiv/refinitiv-ui/commit/5337b97dc6958f84b36bdbffdea6dfbbc5203596))
+* Upgrade typescript to 4.8.3 ([#459](https://github.com/Refinitiv/refinitiv-ui/pull/454)) ([5337b97](https://github.com/Refinitiv/refinitiv-ui/commit/5337b97dc6958f84b36bdbffdea6dfbbc5203596))
+
 
 ### Bug Fixes
 

package/lib/color-dialog/elements/palettes.js

@@ -89,11 +89,6 @@ export class Palettes extends BasicElement {
      */
     onTouchmove(event) {
         const touchOffsets = event.changedTouches[0];
-        // TODO: it is a bug of TypeScript@4.4 remove ts-ignore once it is fixed
-        // https://github.com/microsoft/TypeScript/issues/45047
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-call
         const realTarget = this.shadowRoot?.elementFromPoint(touchOffsets.clientX, touchOffsets.clientY);
         this.updateValue(realTarget);
     }

package/lib/list/elements/list.d.ts

@@ -1,5 +1,5 @@
 import { JSXInterface } from '../../jsx';
-import { ControlElement, CSSResultGroup, PropertyValues, TapEvent, TemplateResult } from '@refinitiv-ui/core';
+import { ControlElement, CSSResultGroup, PropertyValues, TapEvent, TemplateResult, WarningNotice } from '@refinitiv-ui/core';
 import { CollectionComposer, DataItem } from '@refinitiv-ui/utils/collection.js';
 import type { ItemData } from '../../item';
 import type { ListData } from '../helpers/types';
@@ -12,6 +12,7 @@ declare enum Direction {
     UP = -1,
     DOWN = 1
 }
+export declare const valueFormatWarning: WarningNotice;
 /**
  * Provides listing and immutable selection
  * @fires value-changed - Dispatched when value changes
@@ -84,7 +85,6 @@ export declare class List<T extends DataItem = ItemData> extends ControlElement
      * selected item values
      * @type {string[]}
      * @default []
-     * @readonly
      */
     get values(): string[];
     set values(values: string[]);

package/lib/list/elements/list.js

@@ -15,7 +15,7 @@ var Direction;
     Direction[Direction["UP"] = -1] = "UP";
     Direction[Direction["DOWN"] = 1] = "DOWN";
 })(Direction || (Direction = {}));
-const valueFormatWarning = new WarningNotice('The specified \'values\' format does not conform to the required format.');
+export const valueFormatWarning = new WarningNotice('The specified \'values\' format does not conform to the required format.');
 /**
  * Provides listing and immutable selection
  * @fires value-changed - Dispatched when value changes
@@ -129,7 +129,6 @@ let List = class List extends ControlElement {
      * selected item values
      * @type {string[]}
      * @default []
-     * @readonly
      */
     get values() {
         return this.queryItemsByPropertyValue('selected', true)

package/lib/tree/elements/tree.d.ts

@@ -176,7 +176,7 @@ export declare class Tree<T extends TreeDataItem = TreeDataItem> extends List<T>
      * @default []
      */
     get values(): string[];
-    set values(value: string[]);
+    set values(values: string[]);
     /**
      * Data object to be used for creating tree
      * @override

package/lib/tree/elements/tree.js

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
 import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { VERSION } from '../../version.js';
-import { List } from '../../list/index.js';
+import { List, valueFormatWarning } from '../../list/index.js';
 import { TreeRenderer } from '../helpers/renderer.js';
 import { defaultFilter } from '../helpers/filter.js';
 import { TreeManager, TreeManagerMode } from '../managers/tree-manager.js';
@@ -377,8 +377,26 @@ let Tree = class Tree extends List {
             return this.composer.getItemPropertyValue(item, 'value') || '';
         });
     }
-    set values(value) {
-        super.values = value;
+    set values(values) {
+        if (!Array.isArray(values)) {
+            valueFormatWarning.show();
+            this.values = [];
+        }
+        else {
+            // Clone value arrays
+            const newValue = [...values].sort().toString();
+            const oldValue = [...this.values].sort().toString();
+            if (newValue !== oldValue) {
+                this.manager.uncheckAllItems();
+                values.some((value) => {
+                    this.queryItemsByPropertyValue('value', value).forEach((item) => {
+                        this.manager.checkItem(item);
+                    });
+                    return !this.multiple; // Only set the fist value if multiple is not enabled
+                });
+                this.requestUpdate('values', this.values);
+            }
+        }
     }
     /**
      * Data object to be used for creating tree

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '6.2.2';
+export const VERSION = '6.3.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "6.2.2",
+  "version": "6.3.0",
   "description": "Element Framework Elements",
   "author": "Refinitiv",
   "license": "Apache-2.0",
@@ -343,24 +343,24 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@refinitiv-ui/core": "^6.0.8",
-    "@refinitiv-ui/demo-block": "^6.0.9",
-    "@refinitiv-ui/i18n": "^6.0.6",
+    "@refinitiv-ui/core": "^6.0.9",
+    "@refinitiv-ui/demo-block": "^6.0.10",
+    "@refinitiv-ui/i18n": "^6.0.7",
     "@refinitiv-ui/phrasebook": "^6.2.0",
     "@refinitiv-ui/test-helpers": "^6.0.4",
-    "@refinitiv-ui/translate": "^6.0.8",
-    "@refinitiv-ui/utils": "^6.1.1",
+    "@refinitiv-ui/translate": "^6.0.9",
+    "@refinitiv-ui/utils": "^6.2.0",
     "@types/d3-interpolate": "^3.0.1"
   },
   "peerDependencies": {
-    "@refinitiv-ui/core": "^6.0.8",
-    "@refinitiv-ui/i18n": "^6.0.6",
+    "@refinitiv-ui/core": "^6.0.9",
+    "@refinitiv-ui/i18n": "^6.0.7",
     "@refinitiv-ui/phrasebook": "^6.2.0",
-    "@refinitiv-ui/translate": "^6.0.8",
-    "@refinitiv-ui/utils": "^6.1.1"
+    "@refinitiv-ui/translate": "^6.0.9",
+    "@refinitiv-ui/utils": "^6.2.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0fb64e96c19eb8f9177170ab5c834d0553559b78"
+  "gitHead": "4f5025365f935bb03aaf2afe26e9e1d0e55caf04"
 }