@refinitiv-ui/elements 6.8.5 → 6.8.6

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.
 
+## [6.8.6](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.8.5...@refinitiv-ui/elements@6.8.6) (2023-06-20)
+
+
+### Bug Fixes
+
+* **calendar, datetime-picker:** prevent deselect date on calendar ([#735](https://github.com/Refinitiv/refinitiv-ui/issues/735)) ([4b0799a](https://github.com/Refinitiv/refinitiv-ui/commit/4b0799a19725cba456fa41be35de24b79df466c5))
+* **number-field:** fix Floating point Division on validate method ([#757](https://github.com/Refinitiv/refinitiv-ui/issues/757)) ([a7095ae](https://github.com/Refinitiv/refinitiv-ui/commit/a7095ae861e0948f95cc73ac68d31eb5585a54a6))
+
+
+
+
+
 ## [6.8.5](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.8.4...@refinitiv-ui/elements@6.8.5) (2023-06-08)
 
 **Note:** Version bump only for package @refinitiv-ui/elements

package/lib/calendar/index.js

@@ -795,16 +795,12 @@ let Calendar = class Calendar extends ControlElement {
                     values = [value];
                 }
             }
-            else if (this.values.indexOf(value) === -1) {
-                values = [value];
-            }
             else {
-                // remove range if start/end index match
-                values = [];
+                values = [value];
             }
         }
         else {
-            values = this.value === value ? [] : [value];
+            values = [value];
         }
         this.notifyValuesChange(values);
     }

package/lib/flag/index.d.ts

@@ -29,6 +29,11 @@ export declare class Flag extends BasicElement {
      */
     get flag(): string | null;
     set flag(value: string | null);
+    /**
+     * Deprecation noticed, used to display a warning message
+     * when deprecated features are used.
+     */
+    private deprecationNotice;
     private _src;
     /**
      * Src location of an svg flag.

package/lib/flag/index.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { BasicElement, svg, css } from '@refinitiv-ui/core';
+import { BasicElement, svg, css, DeprecationNotice } from '@refinitiv-ui/core';
 import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
 import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { unsafeHTML } from '@refinitiv-ui/core/directives/unsafe-html.js';
@@ -18,6 +18,11 @@ let Flag = class Flag extends BasicElement {
     constructor() {
         super(...arguments);
         this._flag = null;
+        /**
+         * Deprecation noticed, used to display a warning message
+         * when deprecated features are used.
+         */
+        this.deprecationNotice = new DeprecationNotice('`src` attribute and property are deprecated. Use `flag` for attribute and property instead.');
         this._src = null;
         this._template = EmptyTemplate;
     }
@@ -80,6 +85,9 @@ let Flag = class Flag extends BasicElement {
                 void this.loadAndRenderFlag(value);
             }
         }
+        if (value && !this.flag) {
+            this.deprecationNotice.once();
+        }
     }
     /**
      * The flag template to render

package/lib/icon/index.d.ts

@@ -28,6 +28,11 @@ export declare class Icon extends BasicElement {
      */
     get icon(): string | null;
     set icon(value: string | null);
+    /**
+     * Deprecation noticed, used to display a warning message
+     * when deprecated features are used.
+     */
+    private deprecationNotice;
     private _src;
     /**
      * Src location of an svg icon.

package/lib/icon/index.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { BasicElement, svg, css } from '@refinitiv-ui/core';
+import { BasicElement, svg, css, DeprecationNotice } from '@refinitiv-ui/core';
 import { customElement } from '@refinitiv-ui/core/decorators/custom-element.js';
 import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { unsafeSVG } from '@refinitiv-ui/core/directives/unsafe-svg.js';
@@ -19,6 +19,11 @@ let Icon = class Icon extends BasicElement {
     constructor() {
         super(...arguments);
         this._icon = null;
+        /**
+         * Deprecation noticed, used to display a warning message
+         * when deprecated features are used.
+         */
+        this.deprecationNotice = new DeprecationNotice('`src` attribute and property are deprecated. Use `icon` for attribute and property instead.');
         this._src = null;
         this._template = EmptyTemplate;
     }
@@ -85,6 +90,9 @@ let Icon = class Icon extends BasicElement {
                 void this.loadAndRenderIcon(value);
             }
         }
+        if (value && !this.icon) {
+            this.deprecationNotice.once();
+        }
     }
     /**
      * The icon template to render

package/lib/number-field/index.d.ts

@@ -216,6 +216,12 @@ export declare class NumberField extends FormFieldElement {
      * @returns step base
      */
     private get stepBase();
+    /**
+     * Count precision number
+     * @param number value to count
+     * @returns precision number
+     */
+    private getPrecision;
     /**
      * Check if value subtracted from the step base is not an integral multiple of the allowed value step
      * @param value value to check

package/lib/number-field/index.js

@@ -449,6 +449,25 @@ let NumberField = class NumberField extends FormFieldElement {
         }
         return 0;
     }
+    /**
+     * Count precision number
+     * @param number value to count
+     * @returns precision number
+     */
+    getPrecision(number) {
+        const getDecimalPrecision = (number) => {
+            const [wholeNumber, decimalNumber] = number.split('.');
+            return (wholeNumber.length ?? 0) + (decimalNumber?.length ?? 0);
+        };
+        const numberString = number.toString();
+        // Check if the number is in exponential notation.
+        if (numberString.includes('e')) {
+            const [mantissa, exponent] = numberString.split('e');
+            const precision = getDecimalPrecision(mantissa) + Math.abs(Number(exponent));
+            return precision;
+        }
+        return getDecimalPrecision(numberString);
+    }
     /**
      * Check if value subtracted from the step base is not an integral multiple of the allowed value step
      * @param value value to check
@@ -459,7 +478,12 @@ let NumberField = class NumberField extends FormFieldElement {
             return true;
         }
         const decimals = Math.max(this.getDecimalPlace(value), this.stepDecimals);
-        const division = (this.stepBase - value) / this.getAllowedValueStep();
+        const dividend = this.stepBase - value;
+        const divisor = this.getAllowedValueStep();
+        // calculate precision to prevent Floating point precision issue.
+        // e.g. 1111111/0.00001 would not result in 111111100000 as expected.
+        const precision = this.getPrecision(dividend) + this.getPrecision(divisor);
+        const division = parseFloat((dividend / divisor).toPrecision(precision));
         const number = decimals ? this.toFixedNumber(division, decimals) : division;
         // (2 - 1.01) % 0.33 needs to give 0. So we cannot use % directly as it is intended for integers
         return number % 1 === 0;

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '6.8.5';
+export const VERSION = '6.8.6';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "6.8.5",
+  "version": "6.8.6",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -349,24 +349,24 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@refinitiv-ui/core": "^6.4.3",
-    "@refinitiv-ui/demo-block": "^6.1.4",
+    "@refinitiv-ui/core": "^6.4.4",
+    "@refinitiv-ui/demo-block": "^6.1.5",
     "@refinitiv-ui/i18n": "^6.0.13",
     "@refinitiv-ui/phrasebook": "^6.3.2",
     "@refinitiv-ui/test-helpers": "^6.0.10",
-    "@refinitiv-ui/translate": "^6.0.21",
-    "@refinitiv-ui/utils": "^6.2.4",
+    "@refinitiv-ui/translate": "^6.0.22",
+    "@refinitiv-ui/utils": "^6.2.5",
     "@types/d3-interpolate": "^3.0.1"
   },
   "peerDependencies": {
-    "@refinitiv-ui/core": "^6.4.3",
+    "@refinitiv-ui/core": "^6.4.4",
     "@refinitiv-ui/i18n": "^6.0.13",
     "@refinitiv-ui/phrasebook": "^6.3.2",
-    "@refinitiv-ui/translate": "^6.0.21",
-    "@refinitiv-ui/utils": "^6.2.4"
+    "@refinitiv-ui/translate": "^6.0.22",
+    "@refinitiv-ui/utils": "^6.2.5"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "915edbc6a30a6cb4f363463068102f5255345842"
+  "gitHead": "67e77dd42b2f6bba345440cd122ef5d733455661"
 }