@refinitiv-ui/elements 6.6.2 → 6.7.0

package/CHANGELOG.md

@@ -3,9 +3,22 @@
 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)
 
-**Note:** Version bump only for package @refinitiv-ui/elements
+### 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))
 
 
 

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.2';
+export const VERSION = '6.7.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "6.6.2",
+  "version": "6.7.0",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -366,5 +366,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "882b258bdb1896b1acdd2a832327632a1af7306f"
+  "gitHead": "922387ffec63d1dd6b2bf735e9e8919837be2087"
 }