v19.3.44 is released

Author: pipeline

controls/base/package.json

@@ -51,7 +51,7 @@
 		"gulp-sass": "^3.1.0",
 		"gulp-typescript": "^3.1.6",
 		"requirejs": "^2.3.3",
-		"typescript": "3.3.1",
+		"typescript": "2.3.4",
 		"canteen": "^1.0.5",
 		"jasmine-ajax": "^3.3.1",
 		"jasmine-core": "^2.6.1",

controls/buttons/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 19.3.44 (2021-10-05)
+
+### Chips
+
+#### Bug Fixes
+
+- `F167517` - The issue with "JEST test case failure with Chip component" has been resolved.
+
 ## 19.2.47 (2021-07-13)
 
 ### Checkbox

controls/buttons/src/chips/chip-list.ts

@@ -417,7 +417,8 @@ export class ChipList extends Component<HTMLElement> implements INotifyPropertyC
     }
 
     private createChip(): void {
-        this.innerText = this.element.innerText.trim();
+        // eslint-disable-next-line
+        this.innerText = (this.element.innerText && this.element.innerText.length !== 0) ? this.element.innerText.trim() : this.element.innerText;
         this.element.innerHTML = '';
         this.chipCreation(this.type === 'chip' ? [this.innerText ? this.innerText : this.text] : this.chips);
     }
@@ -789,7 +790,7 @@ export class ChipList extends Component<HTMLElement> implements INotifyPropertyC
                         this.deleteHandler(observedArgs.element, observedArgs.index);
                         this.selectionHandler(chipWrapper);
                         (chipData as ClickEventArgs).selected = observedArgs.element.classList.contains(classNames.active);
-                        let selectedItemArgs: ClickEventArgs = chipData as ClickEventArgs;
+                        const selectedItemArgs: ClickEventArgs = chipData as ClickEventArgs;
                         this.trigger('click', selectedItemArgs);
                     }
                 });
@@ -911,15 +912,15 @@ export class ChipList extends Component<HTMLElement> implements INotifyPropertyC
             case 'selection':
             case 'enableDelete':
             case 'enabled':
-                    this.refresh();
+                this.refresh();
                 break;
             case 'cssClass':
-                    if (!this.chipType()) {
-                        removeClass([this.element], oldProp.cssClass.toString().split(' ').filter((css: string) => css));
-                        addClass([this.element], newProp.cssClass.toString().split(' ').filter((css: string) => css));
-                    } else {
-                        this.refresh();
-                    }
+                if (!this.chipType()) {
+                    removeClass([this.element], oldProp.cssClass.toString().split(' ').filter((css: string) => css));
+                    addClass([this.element], newProp.cssClass.toString().split(' ').filter((css: string) => css));
+                } else {
+                    this.refresh();
+                }
                 break;
             case 'selectedChips':
                 removeClass(this.element.querySelectorAll('.e-active'), 'e-active');

controls/calendars/styles/calendar/_bootstrap-dark-definition.scss

@@ -167,7 +167,7 @@ $calendar-today-bg-style: none !default;
 $calendar-today-bg-hover-color: $grey-white !default;
 $calendar-today-border-color: 1px solid $brand-primary !default;
 $calendar-selected-box-shadow: none !default;
-$calendar-selected-border-color: 1px solid transparent !default;
+$calendar-selected-border-color: none !default;
 //pending
 $calendar-today-color: $grey-light-font !default;
 $calendar-today-focus-color: $grey-light-font !default;

controls/calendars/styles/calendar/_bootstrap-definition.scss

@@ -168,7 +168,7 @@ $calendar-today-bg-style: none !default;
 $calendar-today-bg-hover-color: $grey-white !default;
 $calendar-today-border-color: 1px solid $brand-primary !default;
 $calendar-selected-box-shadow: none !default;
-$calendar-selected-border-color: 1px solid transparent !default;
+$calendar-selected-border-color: none !default;
 //pending
 $calendar-today-color: $grey-light-font !default;
 $calendar-today-focused-font-color: $grey-light-font !default;

controls/calendars/styles/calendar/_bootstrap4-definition.scss

@@ -168,7 +168,7 @@ $calendar-today-bg-style: $white !default;
 $calendar-today-bg-hover-color: darken($gray-100, 2%) !default;
 $calendar-today-border-color: 1px solid $primary !default;
 $calendar-selected-box-shadow: none !default;
-$calendar-selected-border-color: 1px solid transparent !default;
+$calendar-selected-border-color: none !default;
 //pending
 $calendar-today-color: $gray-900 !default;
 $calendar-today-focused-font-color: $gray-900 !default;

controls/calendars/styles/datepicker/bootstrap5-dark.scss

@@ -1,5 +1,4 @@
 @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
 @import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
 @import '../calendar/bootstrap5-dark-definition.scss';
 @import 'bootstrap5-dark-definition.scss';

controls/calendars/styles/datepicker/bootstrap5.scss

@@ -1,5 +1,4 @@
 @import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
 @import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
 @import '../calendar/bootstrap5-definition.scss';
 @import 'bootstrap5-definition.scss';

controls/calendars/styles/daterangepicker/bootstrap5-dark.scss

@@ -1,5 +1,4 @@
 @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
 @import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
 @import '../calendar/bootstrap5-dark-definition.scss';
 @import 'bootstrap5-dark-definition.scss';

controls/calendars/styles/daterangepicker/bootstrap5.scss

@@ -1,5 +1,4 @@
 @import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
 @import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
 @import '../calendar/bootstrap5-definition.scss';
 @import 'bootstrap5-definition.scss';