Skip to content

Commit 3935669

Browse files
author
pipeline
committed
v22.2.11 is released
1 parent 5398848 commit 3935669

File tree

119 files changed

+1597
-273
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

119 files changed

+1597
-273
lines changed

controls/base/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-base",
3-
"version": "22.2.9",
3+
"version": "22.2.10",
44
"description": "A common package of Essential JS 2 base libraries, methods and class definitions",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

controls/calendars/CHANGELOG.md

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,32 @@
22

33
## [Unreleased]
44

5+
## 22.2.11 (2023-08-29)
6+
7+
### DateRangePicker
8+
9+
#### Bug Fixes
10+
11+
- `#I492075` - Fixed an issue where the popup in the DateRangePicker Component would not close when clicking outside the component while using the Preset Ranges feature.
12+
513
## 22.2.10 (2023-08-22)
614

15+
### DateRangePicker
16+
17+
#### Bug Fixes
18+
19+
- `#I489129` - Fixed an issue where the Daterangepicker popup was not opening properly on iPad devices.
20+
21+
## 22.2.9 (2023-08-15)
22+
23+
### DateRangePicker
24+
25+
#### Bug Fixes
26+
27+
- `#I486181` - Fixed an issue where the DateRangePicker popup was not opening when there was not enough space in the window.
28+
29+
## 22.2.8 (2023-08-08)
30+
731
### TimePicker
832

933
#### Features

controls/calendars/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-calendars",
3-
"version": "22.2.5",
3+
"version": "22.2.10",
44
"description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

controls/calendars/spec/timepicker/timepicker.spec.ts

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1558,6 +1558,7 @@ describe('TimePicker', () => {
15581558
timeObj = new TimePicker({ value: new Date("12/12/2016 10:00") });
15591559
timeObj.appendTo('#timepicker7');
15601560
timeObj.element.focus();
1561+
timeObj.show();
15611562
KeyboardEventArgs.action = 'down';
15621563
KeyboardEventArgs.keyCode = 40;
15631564
timeObj.inputHandler(KeyboardEventArgs);
@@ -1576,6 +1577,7 @@ describe('TimePicker', () => {
15761577
timeObj = new TimePicker({ value: new Date("12/12/2016 10:00") });
15771578
timeObj.appendTo('#timepicker7');
15781579
timeObj.element.focus();
1580+
timeObj.show();
15791581
KeyboardEventArgs.action = 'up';
15801582
KeyboardEventArgs.keyCode = 38;
15811583
timeObj.inputHandler(KeyboardEventArgs);
@@ -1586,6 +1588,7 @@ describe('TimePicker', () => {
15861588
timeObj = new TimePicker();
15871589
timeObj.appendTo('#timepicker7');
15881590
timeObj.element.focus();
1591+
timeObj.show();
15891592
KeyboardEventArgs.action = 'down';
15901593
KeyboardEventArgs.keyCode = 40;
15911594
timeObj.inputHandler(KeyboardEventArgs);
@@ -1596,6 +1599,7 @@ describe('TimePicker', () => {
15961599
timeObj = new TimePicker();
15971600
timeObj.appendTo('#timepicker7');
15981601
timeObj.element.focus();
1602+
timeObj.show();
15991603
KeyboardEventArgs.action = 'up';
16001604
KeyboardEventArgs.keyCode = 38;
16011605
timeObj.inputHandler(KeyboardEventArgs);
@@ -1606,6 +1610,7 @@ describe('TimePicker', () => {
16061610
timeObj = new TimePicker({ value: new Date("12/12/2016 00:00") });
16071611
timeObj.appendTo('#timepicker7');
16081612
timeObj.element.focus();
1613+
timeObj.show();
16091614
KeyboardEventArgs.action = 'up';
16101615
KeyboardEventArgs.keyCode = 38;
16111616
timeObj.inputHandler(KeyboardEventArgs);
@@ -1619,6 +1624,7 @@ describe('TimePicker', () => {
16191624
timeObj = new TimePicker({ value: new Date("12/12/2016 23:30") });
16201625
timeObj.appendTo('#timepicker7');
16211626
timeObj.element.focus();
1627+
timeObj.show();
16221628
KeyboardEventArgs.action = 'down';
16231629
KeyboardEventArgs.keyCode = 40;
16241630
timeObj.inputHandler(KeyboardEventArgs);
@@ -1632,6 +1638,7 @@ describe('TimePicker', () => {
16321638
timeObj = new TimePicker({ value: new Date("12/12/2016 23:20") });
16331639
timeObj.appendTo('#timepicker7');
16341640
timeObj.element.focus();
1641+
timeObj.show();
16351642
KeyboardEventArgs.action = 'up';
16361643
KeyboardEventArgs.keyCode = 38;
16371644
timeObj.inputHandler(KeyboardEventArgs);
@@ -1647,6 +1654,7 @@ describe('TimePicker', () => {
16471654
timeObj.hide();
16481655
setTimeout(function () {
16491656
timeObj.element.focus();
1657+
timeObj.show();
16501658
KeyboardEventArgs.action = 'up';
16511659
KeyboardEventArgs.keyCode = 38;
16521660
timeObj.inputHandler(KeyboardEventArgs);
@@ -1665,6 +1673,7 @@ describe('TimePicker', () => {
16651673
timeObj.hide();
16661674
setTimeout(function () {
16671675
timeObj.element.focus();
1676+
timeObj.show();
16681677
KeyboardEventArgs.action = 'down';
16691678
KeyboardEventArgs.keyCode = 40;
16701679
timeObj.inputHandler(KeyboardEventArgs);
@@ -1677,6 +1686,7 @@ describe('TimePicker', () => {
16771686
timeObj = new TimePicker({ value: new Date("12/12/2016 23:30") });
16781687
timeObj.appendTo('#timepicker7');
16791688
timeObj.element.focus();
1689+
timeObj.show();
16801690
KeyboardEventArgs.action = 'up';
16811691
KeyboardEventArgs.keyCode = 38;
16821692
timeObj.inputHandler(KeyboardEventArgs);
@@ -1692,6 +1702,7 @@ describe('TimePicker', () => {
16921702
timeObj = new TimePicker();
16931703
timeObj.appendTo('#timepicker7');
16941704
timeObj.element.focus();
1705+
timeObj.show();
16951706
KeyboardEventArgs.action = 'down';
16961707
KeyboardEventArgs.keyCode = 40;
16971708
timeObj.inputHandler(KeyboardEventArgs);
@@ -2863,6 +2874,7 @@ describe('TimePicker', () => {
28632874
timeObj = new TimePicker({ step: 0.50 });
28642875
timeObj.appendTo(element);
28652876
timeObj.focusIn(e);
2877+
timeObj.show();
28662878
KeyboardEventArgs.keyCode = 40;
28672879
KeyboardEventArgs.action = 'down';
28682880
timeObj.inputHandler(KeyboardEventArgs);
@@ -2879,6 +2891,7 @@ describe('TimePicker', () => {
28792891
timeObj = new TimePicker({ step: 0.25 });
28802892
timeObj.appendTo(element);
28812893
timeObj.focusIn(e);
2894+
timeObj.show();
28822895
KeyboardEventArgs.keyCode = 40;
28832896
KeyboardEventArgs.action = 'down';
28842897
timeObj.inputHandler(KeyboardEventArgs);
@@ -2913,6 +2926,7 @@ describe('TimePicker', () => {
29132926
timeObj = new TimePicker({ step: 0.25 });
29142927
timeObj.appendTo(element);
29152928
timeObj.focusIn(e);
2929+
timeObj.show();
29162930
KeyboardEventArgs.keyCode = 40;
29172931
KeyboardEventArgs.action = 'down';
29182932
timeObj.inputHandler(KeyboardEventArgs);
@@ -2942,6 +2956,7 @@ describe('TimePicker', () => {
29422956
timeObj = new TimePicker({ step: 0.25 });
29432957
timeObj.appendTo(element);
29442958
timeObj.focusIn(e);
2959+
timeObj.show();
29452960
KeyboardEventArgs.keyCode = 38;
29462961
KeyboardEventArgs.action = 'up';
29472962
timeObj.inputHandler(KeyboardEventArgs);
@@ -2987,6 +3002,7 @@ describe('TimePicker', () => {
29873002
timeObj = new TimePicker({ value: new Date(), step: 0.25 });
29883003
timeObj.appendTo(element);
29893004
timeObj.focusIn(e);
3005+
timeObj.show();
29903006
KeyboardEventArgs.keyCode = 36;
29913007
KeyboardEventArgs.action = 'home';
29923008
timeObj.inputHandler(KeyboardEventArgs);
@@ -3000,6 +3016,7 @@ describe('TimePicker', () => {
30003016
timeObj = new TimePicker({ value: new Date(), step: 0.25 });
30013017
timeObj.appendTo(element);
30023018
timeObj.focusIn(e);
3019+
timeObj.show();
30033020
KeyboardEventArgs.keyCode = 35;
30043021
KeyboardEventArgs.action = 'end';
30053022
timeObj.inputHandler(KeyboardEventArgs);

controls/calendars/src/daterangepicker/daterangepicker.ts

Lines changed: 6 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -789,7 +789,7 @@ export class DateRangePicker extends CalendarBase {
789789
/**
790790
* Mobile View
791791
*/
792-
this.isMobile = (Browser.isDevice && this.fullScreenMode) ? true : window.matchMedia('(max-width:550px)').matches;
792+
this.isMobile = (Browser.isDevice) ? true : window.matchMedia('(max-width:550px)').matches;
793793
this.inputElement = <HTMLInputElement>this.element;
794794
this.angularTag = null;
795795
if (this.element.tagName === 'EJS-DATERANGEPICKER') {
@@ -1238,9 +1238,7 @@ export class DateRangePicker extends CalendarBase {
12381238
this.show(null, e);
12391239
if (!this.isMobile) {
12401240
if (!isNullOrUndefined(this.leftCalendar)) {
1241-
this.isRangeIconClicked = false;
12421241
this.calendarFocus();
1243-
this.isRangeIconClicked = true;
12441242
}
12451243
}
12461244
addClass([this.inputWrapper.container], [INPUTFOCUS]);
@@ -2366,15 +2364,11 @@ export class DateRangePicker extends CalendarBase {
23662364
if (event) {
23672365
leftCalendar = <HTMLElement>closest(<HTMLElement>event.target, '.' + LEFTCALENDER);
23682366
}
2369-
if (!isNullOrUndefined(leftCalendar)) {
2370-
(<HTMLElement>this.leftCalendar.children[1].firstElementChild).focus();
2371-
} else {
2372-
if (event) {
2373-
rightCalendar = event && <HTMLElement>closest(<HTMLElement>event.target, '.' + RIGHTCALENDER);
2374-
}
2375-
if (!isNullOrUndefined(rightCalendar)) {
2376-
(<HTMLElement>this.rightCalendar.children[1].firstElementChild).focus();
2377-
}
2367+
if (event && isNullOrUndefined(leftCalendar)) {
2368+
rightCalendar = event && <HTMLElement>closest(<HTMLElement>event.target, '.' + RIGHTCALENDER);
2369+
}
2370+
if (!isNullOrUndefined(leftCalendar) || !isNullOrUndefined(rightCalendar)) {
2371+
(<HTMLElement>this.inputWrapper.container).focus();
23782372
}
23792373
addClass([ele], SELECTED);
23802374
this.calendarIconEvent();

controls/calendars/src/timepicker/timepicker.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1422,7 +1422,7 @@ export class TimePicker extends Component<HTMLElement> implements IInput {
14221422
}
14231423
private inputHandler(event: KeyboardEventArgs): void {
14241424
if (!this.readonly && this.enabled) {
1425-
if (event.action !== 'right' && event.action !== 'left' && event.action !== 'tab') {
1425+
if (!((event.action == 'right' || event.action == 'left' || event.action == 'tab') || ((event.action == 'home' || event.action == 'end') && !this.isPopupOpen()))) {
14261426
event.preventDefault();
14271427
}
14281428
switch (event.action) {
@@ -1443,7 +1443,7 @@ export class TimePicker extends Component<HTMLElement> implements IInput {
14431443
e: event
14441444
});
14451445
}
1446-
if (!this.enableMask || this.isPopupOpen())
1446+
if (this.isPopupOpen())
14471447
{
14481448
this.keyHandler(event);
14491449
}

controls/charts/CHANGELOG.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,22 @@
22

33
## [Unreleased]
44

5+
## 22.2.11 (2023-08-29)
6+
7+
### Accumulation chart
8+
9+
#### Bug Fixes
10+
11+
- `#I494139` - The tab index is now properly displayed in the accumulation chart.
12+
13+
### Chart
14+
15+
#### Bug Fixes
16+
17+
- `#F46287` - Fixed an issue where the tooltip was not rendered when the chart id was a numeric value.
18+
- `#I478252` - The legend aria label has been changed based on the legend click.
19+
- `#I492750` - Fixed an issue where the zoom factor and zoom position were not applied after scrolling the chart.
20+
521
## 22.2.10 (2023-08-22)
622

723
### Accumulation chart

controls/charts/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-charts",
3-
"version": "22.2.9",
3+
"version": "22.2.10",
44
"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

controls/charts/spec/chart/scrollbar/scrollbar-horizontal.spec.ts

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -439,8 +439,8 @@ describe('Scrollbar Chart ', () => {
439439
let x: string = mulitiLevelLabel.getAttribute('x');
440440
let y: string = mulitiLevelLabel.getAttribute('y');
441441
expect(x === '469.17125000000004' || x === '457.1112499999999').toBe(true);
442-
expect(y === '379.5' || y === '384').toBe(true);
443-
expect(border === ' 122.643125 389.5 L 122.643125 361.5 ' || border === ' 107.24512499999994 393.5 L 107.24512499999994 366.5 ').toBe(true)
442+
expect(y === '379.5' || y === '384' || y === '368').toBe(true);
443+
expect(border === ' 122.643125 389.5 L 122.643125 361.5 ' || border === ' 107.24512499999994 377.5 L 107.24512499999994 350.5 ').toBe(true)
444444
done();
445445
};
446446
chartObj.primaryXAxis.labelPosition = 'Inside';
@@ -654,8 +654,8 @@ describe('Scrollbar Chart ', () => {
654654
let thumbEle: Element = document.getElementById('container_scrollBarThumb_primaryXAxis');
655655
let thumbX : string = (parseFloat(thumbEle.getAttribute('x')).toFixed(2)).toString();
656656
let thumbWidth : string = Math.round((parseFloat(thumbEle.getAttribute('width')))).toLocaleString();
657-
expect(thumbX === '204.98' || thumbX === '209.10').toBe(true);
658-
expect(thumbWidth === '60' || thumbWidth === '60').toBe(true);
657+
expect(thumbX === '343.81' || thumbX === '209.10').toBe(true);
658+
expect(thumbWidth === '60' || thumbWidth === '60' || thumbWidth === '49').toBe(true);
659659
done();
660660
};
661661
chartObj.zoomSettings.enableMouseWheelZooming = true;
@@ -681,7 +681,7 @@ describe('Scrollbar Chart ', () => {
681681
let thumbEle: Element = document.getElementById('container_scrollBarThumb_primaryXAxis');
682682
let thumbX : string = (parseFloat(thumbEle.getAttribute('x')).toFixed(2)).toString();
683683
let thumbWidth : string = Math.round((parseFloat(thumbEle.getAttribute('width')))).toLocaleString();
684-
expect(thumbX === '210.95' || thumbX === '215.29').toBe(true);
684+
expect(thumbX === '210.95' || thumbX === '348.90').toBe(true);
685685
expect(thumbWidth === '40').toBe(true);
686686
done();
687687
};
@@ -707,7 +707,7 @@ describe('Scrollbar Chart ', () => {
707707
let thumbEle: Element = document.getElementById('container_scrollBarThumb_primaryXAxis');
708708
let thumbX : string = (parseFloat(thumbEle.getAttribute('x')).toFixed(2)).toString();
709709
let thumbWidth : string = Math.round((parseFloat(thumbEle.getAttribute('width')))).toLocaleString();
710-
expect(thumbX === '212.76' || thumbX === '217.16').toBe(true);
710+
expect(thumbX === '212.76' || thumbX === '217.16' || thumbX === '350.44').toBe(true);
711711
expect(thumbWidth === '40').toBe(true);
712712
done();
713713
};

controls/charts/spec/chart/scrollbar/scrollbar-multiple.spec.ts

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -96,15 +96,15 @@ describe('Scrollbar Chart', () => {
9696
trigger.draganddropEvent(ele, 200, 200, 350, 350);
9797
let svgChildEleX: Element = document.getElementById('container_scrollBar_svgprimaryXAxis').children[0];
9898
let thumbRectEleX: Element = svgChildEleX.children[1].children[0];
99-
expect(parseInt(thumbRectEleX.getAttribute('x'), 10) === 156
99+
expect(parseInt(thumbRectEleX.getAttribute('x'), 10) === 158
100100
|| parseInt(thumbRectEleX.getAttribute('x'), 10) === 160
101-
|| parseInt(thumbRectEleX.getAttribute('x'), 10) === 161).toBe(true);
101+
|| parseInt(thumbRectEleX.getAttribute('x'), 10) === 161).toBe(true);
102102
expect(thumbRectEleX.getAttribute('y') === '0').toBe(true);
103103
expect(thumbRectEleX.getAttribute('height') === '16').toBe(true);
104104
expect(thumbRectEleX.getAttribute('width') === '40').toBe(true);
105105
let svgChildEleY: Element = document.getElementById('container_scrollBar_svgprimaryYAxis').children[0];
106-
let thumbRectEleY: Element = svgChildEleY.children[1].children[0];
107-
expect(thumbRectEleY.getAttribute('x') === '78.21632587911755' || thumbRectEleY.getAttribute('x') === '84.06316622789147').toBe(true);
106+
let thumbRectEleY: Element = svgChildEleY.children[1].children[0];
107+
expect(thumbRectEleY.getAttribute('x') === '76.50282033072361' || thumbRectEleY.getAttribute('x') === '84.06316622789147').toBe(true);
108108
expect(thumbRectEleY.getAttribute('y') === '0').toBe(true);
109109
expect(thumbRectEleY.getAttribute('height') === '16').toBe(true);
110110
expect(thumbRectEleY.getAttribute('width') === '40').toBe(true);
@@ -121,15 +121,15 @@ describe('Scrollbar Chart', () => {
121121
let thumbRectEleX: Element = svgChildEleX.children[1].children[0];
122122
let xAxisThumbX: string = thumbRectEleX.getAttribute('x');
123123
expect(parseInt(xAxisThumbX, 10) === 158 || parseInt(xAxisThumbX, 10) === 161
124-
|| parseInt(xAxisThumbX, 10) === 162).toBe(true);
124+
|| parseInt(xAxisThumbX, 10) === 162).toBe(true);
125125
expect(thumbRectEleX.getAttribute('y') === '0').toBe(true);
126126
expect(thumbRectEleX.getAttribute('height') === '16').toBe(true);
127127
expect(thumbRectEleX.getAttribute('width') === '40').toBe(true);
128128
let svgChildEleY: Element = document.getElementById('container_scrollBar_svgprimaryYAxis').children[0];
129129
let thumbRectEleY: Element = svgChildEleY.children[1].children[0];
130-
expect(parseInt(thumbRectEleY.getAttribute('x'), 10) === 78 ||
130+
expect(parseInt(thumbRectEleY.getAttribute('x'), 10) === 76 ||
131131
parseInt(thumbRectEleY.getAttribute('x'), 10) === 84 ||
132-
parseInt(thumbRectEleY.getAttribute('x'), 10) === 83).toBe(true);
132+
parseInt(thumbRectEleY.getAttribute('x'), 10) === 83).toBe(true);
133133
expect(thumbRectEleY.getAttribute('y') === '0').toBe(true);
134134
expect(thumbRectEleY.getAttribute('height') === '16').toBe(true);
135135
expect(thumbRectEleY.getAttribute('width') === '40').toBe(true);

controls/charts/spec/chart/scrollbar/scrollbar-vertical.spec.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -417,10 +417,10 @@ describe('Scrollbar Chart', () => {
417417
chartObj.loaded = null;
418418
let mulitiLevelLabel: Element = document.getElementById('container1_Axis_MultiLevelLabel_Level_0_Text_0');
419419
let border: string = document.getElementById('container1_Axis_MultiLevelLabel_Rect_0_0').getAttribute('d').split('M')[1];
420-
expect(mulitiLevelLabel.getAttribute('x') === '82.5' || mulitiLevelLabel.getAttribute('x') === '77.5').toBe(true);
420+
expect(mulitiLevelLabel.getAttribute('x') === '93.5' || mulitiLevelLabel.getAttribute('x') === '77.5').toBe(true);
421421
expect(mulitiLevelLabel.getAttribute('y') === '321.6769318181818' || mulitiLevelLabel.getAttribute('y') === '325.7464625').toBe(true);
422422
expect(border === ' 57.5 293.7359090909091 L 107.5 293.7359090909091 ' ||
423-
border === ' 53.5 297.46145 L 101.5 297.46145 ').toBe(true)
423+
border === ' 69.5 297.46145 L 117.5 297.46145 ').toBe(true)
424424
done();
425425
};
426426
chartObj.primaryYAxis.labelPosition = 'Inside';

controls/charts/spec/chart/series/waterfall-series.spec.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -684,8 +684,8 @@ describe('Waterfall Series', () => {
684684
let text2: Element = group.childNodes[2] as HTMLElement;
685685
expect(path.getAttribute('fill') == '#000816').toBe(true);
686686
expect((<HTMLElement>text1.childNodes[0]).getAttribute('fill') == 'rgba(249, 250, 251, 1)').toBe(true);
687-
expect(text1.childNodes[0].textContent.replace(/\u200E/g, '') == 'series1 Marketting and Sales : -607C').toBe(true);
688-
expect(text1.childNodes[1].textContent.replace(/\u200E/g, '') == 'series2 Marketting and Sales : -427C').toBe(true);
687+
expect(text1.childNodes[0].textContent.replace(/\u200E/g, '') == 'series1 Marketting and Sales ').toBe(true);
688+
expect(text1.childNodes[1].textContent.replace(/\u200E/g, '') == ':').toBe(true);
689689
trigger.mousemovetEvent(target, Math.ceil(x), Math.ceil(y + 50));
690690
done();
691691
};

0 commit comments

Comments
 (0)