@refinitiv-ui/elements 6.6.1 → 6.7.0

package/CHANGELOG.md

@@ -3,12 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.7.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.6.2...@refinitiv-ui/elements@6.7.0) (2023-02-27)
+
+
+### Features
+
+* **heatmap:** increase heatmap font-size threshold & scaling factor and decrease cell padding ([#589](https://github.com/Refinitiv/refinitiv-ui/issues/589)) ([31f5b57](https://github.com/Refinitiv/refinitiv-ui/commit/31f5b57df0ec2b1f1d25c9c27e0be35f8c7f3812))
+
+
+
+
+
+## [6.6.2](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.6.1...@refinitiv-ui/elements@6.6.2) (2023-02-14)
+
+### Bug Fixes
+
+* **combo-box:** fix value-changed event of free text mode ([#583](https://github.com/Refinitiv/refinitiv-ui/pull/583))  ([bae20f0](https://github.com/Refinitiv/refinitiv-ui/commit/bae20f0854d9f95d8c10985f8b2c5a9619922004))
+
+
+
+
+
 ## [6.6.1](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.6.0...@refinitiv-ui/elements@6.6.1) (2023-01-27)
 
 
 ### Bug Fixes
 
-* **list:** renderer key property typescript issue ([#575](https://github.com/Refinitiv/refinitiv-ui/issues/575)) ([1a960c9](https://github.com/Refinitiv/refinitiv-ui/commit/1a960c9234fb4a370b60d3901e65b437b1444823))
+* **list:** error custom renderer requires key ([#575](https://github.com/Refinitiv/refinitiv-ui/issues/575)) ([1a960c9](https://github.com/Refinitiv/refinitiv-ui/commit/1a960c9234fb4a370b60d3901e65b437b1444823))
 * **pagination, tree-select:** remove unused element imports ([#572](https://github.com/Refinitiv/refinitiv-ui/issues/572)) ([0bfc2f5](https://github.com/Refinitiv/refinitiv-ui/commit/0bfc2f5eccd0a6ea50c3927d71d545df20c79d90))
 * **select:** unset cursor of header items ([#571](https://github.com/Refinitiv/refinitiv-ui/issues/571)) ([eff8a75](https://github.com/Refinitiv/refinitiv-ui/commit/eff8a75a68f23348178f05c716db673c97acf2f1))
 

package/lib/combo-box/index.js

@@ -802,8 +802,8 @@ let ComboBox = class ComboBox extends FormFieldElement {
      */
     onListValueChanged() {
         // cascade value changed event
-        this.notifyPropertyChange('value', this.value);
         this.onListInteraction();
+        this.notifyPropertyChange('value', this.value);
     }
     /**
      * Handle popup opened event

package/lib/heatmap/helpers/text.d.ts

@@ -1,5 +1,5 @@
 import type { HeatmapCell } from './types';
-declare const MIN_FONT_SIZE = 10;
+declare const MIN_FONT_SIZE = 12;
 declare const MAX_FONT_SIZE = 16;
 /**
  * Calculate responsive font size according to the screen width

package/lib/heatmap/helpers/text.js

@@ -1,4 +1,4 @@
-const MIN_FONT_SIZE = 10;
+const MIN_FONT_SIZE = 12;
 const MAX_FONT_SIZE = 16;
 /**
  * Calculate responsive font size according to the screen width

package/lib/heatmap/index.js

@@ -11,7 +11,8 @@ import '../tooltip/index.js';
 import { Track } from './helpers/track.js';
 import { blend, brighten, darken, isLight, interpolate } from './helpers/color.js';
 import { getResponsiveFontSize, getMaximumTextWidth, MIN_FONT_SIZE } from './helpers/text.js';
-const MAX_CELL_WIDTH_RATIO = 0.85;
+const CELL_PADDING = 0.12;
+const CELL_MAX_TEXT_WIDTH = 1 - CELL_PADDING;
 const DEFAULT_CANVAS_RATIO = 0.75; // ratio — 4:3
 /**
  * A graphical representation of data where the individual
@@ -647,7 +648,7 @@ let Heatmap = class Heatmap extends ResponsiveElement {
         if (!canvas) {
             return false;
         }
-        const fontRatio = this.responsiveHeight ? 0.3 : 0.4;
+        const fontRatio = this.responsiveHeight ? 0.4 : 0.5;
         const fontFamily = getComputedStyle(this).fontFamily;
         const contentWidth = this.colTrack.getContentSize(0);
         const contentHeight = this.rowTrack.getContentSize(0);
@@ -659,12 +660,12 @@ let Heatmap = class Heatmap extends ResponsiveElement {
         canvas.textAlign = 'center';
         canvas.textBaseline = 'middle';
         canvas.font = `${fontSize}px ${fontFamily}`;
-        let isWithinMinCellWidth = ((this.labelWidth || getMaximumTextWidth(canvas, this.cells, this.hasCellHeader)) / contentWidth) < MAX_CELL_WIDTH_RATIO;
-        // If label width is still more than 85% of the cell width, try to reduce to smallest possible font-size to display label.
+        let isWithinMinCellWidth = ((this.labelWidth || getMaximumTextWidth(canvas, this.cells, this.hasCellHeader)) / contentWidth) <= CELL_MAX_TEXT_WIDTH;
+        // Tries to get the largest possible font size that is within `CELL_MAX_TEXT_WIDTH`
         if (!isWithinMinCellWidth && fontSize !== MIN_FONT_SIZE) {
             while (!isWithinMinCellWidth) {
                 canvas.font = `${fontSize}px ${fontFamily}`; // Should assigned new font size to canvas before calculated again.
-                isWithinMinCellWidth = ((this.labelWidth || getMaximumTextWidth(canvas, this.cells, this.hasCellHeader)) / contentWidth) < MAX_CELL_WIDTH_RATIO;
+                isWithinMinCellWidth = ((this.labelWidth || getMaximumTextWidth(canvas, this.cells, this.hasCellHeader)) / contentWidth) <= CELL_MAX_TEXT_WIDTH;
                 // Stops when reaches minimum font-size
                 if (fontSize === MIN_FONT_SIZE) {
                     break;

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '6.6.1';
+export const VERSION = '6.7.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "6.6.1",
+  "version": "6.7.0",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -352,7 +352,7 @@
     "@refinitiv-ui/i18n": "^6.0.9",
     "@refinitiv-ui/phrasebook": "^6.3.1",
     "@refinitiv-ui/test-helpers": "^6.0.6",
-    "@refinitiv-ui/translate": "^6.0.14",
+    "@refinitiv-ui/translate": "^6.0.15",
     "@refinitiv-ui/utils": "^6.2.3",
     "@types/d3-interpolate": "^3.0.1"
   },
@@ -360,11 +360,11 @@
     "@refinitiv-ui/core": "^6.3.0",
     "@refinitiv-ui/i18n": "^6.0.9",
     "@refinitiv-ui/phrasebook": "^6.3.1",
-    "@refinitiv-ui/translate": "^6.0.14",
+    "@refinitiv-ui/translate": "^6.0.15",
     "@refinitiv-ui/utils": "^6.2.3"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e5a5b36d0addb389a307d2e6102a19bf86e6822d"
+  "gitHead": "922387ffec63d1dd6b2bf735e9e8919837be2087"
 }