@refinitiv-ui/elements 6.7.2 → 6.7.3

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.7.3](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.7.2...@refinitiv-ui/elements@6.7.3) (2023-04-21)
+
+
+### Bug Fixes
+
+* **calendar:** unexpected `blur` event fired when view changes ([#655](https://github.com/Refinitiv/refinitiv-ui/issues/655)) ([fae9141](https://github.com/Refinitiv/refinitiv-ui/commit/fae9141ed0e0832fc51175bfc3e90dbb35d82497))
+
+
+
+
+
 ## [6.7.2](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@6.7.1...@refinitiv-ui/elements@6.7.2) (2023-03-23)
 
 

package/lib/calendar/index.d.ts

@@ -5,6 +5,7 @@ import type { CalendarFilter } from './types';
 import './locales.js';
 import '../button/index.js';
 import '@refinitiv-ui/phrasebook/locale/en/calendar.js';
+import { PropertyValueMap } from 'lit';
 export { CalendarFilter };
 /**
  * Standard calendar element
@@ -178,6 +179,13 @@ export declare class Calendar extends ControlElement implements MultiValue {
      * @returns promise
      */
     protected performUpdate(): Promise<void>;
+    /**
+     * Invoked before update() to compute values needed during the update.
+     * Implement willUpdate to compute property values that depend on other properties and are used in the rest of the update process.
+     * @param changedProperties  Properties that will change
+     * @returns {void}
+     */
+    protected willUpdate(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     /**
     * Updates the element
     * @param changedProperties Properties that has changed

package/lib/calendar/index.js

@@ -345,6 +345,20 @@ let Calendar = class Calendar extends ControlElement {
         this.localFirstDayOfWeek = isNaN(localFirstDayOfWeek) ? FIRST_DAY_OF_WEEK : (localFirstDayOfWeek % 7);
         void super.performUpdate();
     }
+    /**
+     * Invoked before update() to compute values needed during the update.
+     * Implement willUpdate to compute property values that depend on other properties and are used in the rest of the update process.
+     * @param changedProperties  Properties that will change
+     * @returns {void}
+     */
+    willUpdate(changedProperties) {
+        super.willUpdate(changedProperties);
+        // This code is here to ensure that focus is not lost
+        // while navigating through the render views using keyboard
+        if (this.focused && changedProperties.has('renderView') && this.viewBtnRef.value && this.activeElement !== this.viewBtnRef.value) {
+            this.viewBtnRef.value.focus();
+        }
+    }
     /**
     * Updates the element
     * @param changedProperties Properties that has changed
@@ -372,11 +386,6 @@ let Calendar = class Calendar extends ControlElement {
      */
     updated(changedProperties) {
         super.updated(changedProperties);
-        // This code is here to ensure that focus is not lost
-        // while navigating through the render views using keyboard
-        if (this.focused && changedProperties.has('renderView') && this.viewBtnRef.value && this.activeElement !== this.viewBtnRef.value) {
-            this.viewBtnRef.value.focus();
-        }
         const cellIndex = this.activeCellIndex;
         if (cellIndex && changedProperties.has('activeCellIndex')) {
             const dateButtonEl = this.getDateButtonByIndex(cellIndex);

package/lib/combo-box/index.js

@@ -163,9 +163,6 @@ let ComboBox = class ComboBox extends FormFieldElement {
       [part~=input]::-ms-clear {
         display: none;
       }
-      [hidden] {
-        display: none !important;
-      }
     `;
     }
     /**
@@ -1008,12 +1005,12 @@ let ComboBox = class ComboBox extends FormFieldElement {
      * @returns Popup template or undefined
      */
     get clearButtonTemplate() {
-        if (this.clears) {
+        const hasText = (this.label || this.query || this.freeTextValue || this.inputText);
+        if (this.clears && hasText) {
             return html `
         <div
           id="clears-button"
-          part="button button-clear"
-          ?hidden=${!this.label && !this.query && !this.freeTextValue && !this.inputText}><ef-icon part="icon icon-clear" icon="cross"></ef-icon>
+          part="button button-clear"><ef-icon part="icon icon-clear" icon="cross"></ef-icon>
         </div>
       `;
         }

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '6.7.2';
+export const VERSION = '6.7.3';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "6.7.2",
+  "version": "6.7.3",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -366,5 +366,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ba91d5016c61a0a656ac42f60cf722ed1272fe9e"
+  "gitHead": "ef1aaabba6f26738f0a7e838025ca2158173796f"
 }