v27.1.58 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 27.1.57 (2024-10-29)
+## 27.1.58 (2024-11-05)
 
 ### Barcode
 

controls/base/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 27.1.57 (2024-10-29)
+## 27.1.58 (2024-11-05)
 
 ### Common
 

controls/buttons/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 27.1.58 (2024-11-05)
+
+### Checkbox
+
+#### Bug Fixes
+
+- `#F95768`- The issue with "Checkbox not getting checked while using `usestate` in react" has been resolved.
+
 ## 27.1.53 (2024-10-15)
 
 ### Checkbox

controls/buttons/spec/check-box.spec.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { createCheckBox } from './../src/common/common';
+import { ChangeEventArgs, createCheckBox } from './../src/common/common';
 import { CheckBox } from './../src/check-box/check-box';
 import { createElement, EventHandler, attributes, enableRipple } from '@syncfusion/ej2-base';
 import { profile , inMB, getMemoryProfile } from './common.spec';
@@ -428,6 +428,7 @@ describe('CheckBox', () => {
         let formElement: HTMLFormElement;
         let cbox: CheckBox;
         let cbox1: CheckBox;
+        let cbox3: CheckBox;
 
         beforeEach(() => {
 
@@ -455,6 +456,14 @@ describe('CheckBox', () => {
                 checkbox.checked = true; // Set the checkbox to checked
                 checkbox.dataBind();
             });
+
+            let button = document.createElement('button');
+            button.setAttribute('id', 'cbox3');
+            document.body.appendChild(button);
+            button.addEventListener('click', () => {
+                cbox3.checked = !cbox3.checked;
+                cbox3.dataBind();
+            });
         })
 
         afterEach(() => {
@@ -521,6 +530,25 @@ describe('CheckBox', () => {
             expect(checkbox.element.checked).toBe(false);
             checkbox.isVue = false;
         });
+
+        it('95768-Checkbox not getting checked while using usestate', () => {
+            let isChecked = false;
+            cbox3 = new CheckBox({
+                checked: isChecked,
+                change: (e: ChangeEventArgs) => {
+                    isChecked = e.checked;
+                    checkbox.dataBind();
+                }
+            }, '#checkbox3');
+            let button = document.querySelector('#cbox3') as HTMLButtonElement;
+            button.click();
+            expect(cbox3.checked).toBeTruthy();
+            expect(cbox3.element.checked).toBe(true);
+            button = document.querySelector('#cbox3') as HTMLButtonElement;
+            button.click();
+            expect(cbox3.checked).toBeFalsy();
+            expect(cbox3.element.checked).toBe(false);
+        });
     });
 
     describe('Notify Html Attributes property changes of', () => {

controls/buttons/src/check-box/check-box.ts

@@ -221,6 +221,7 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
 
     private clickHandler(event: Event): void {
         if ((event.target as HTMLElement).tagName === 'INPUT' && this.clickTriggered) {
+            this.changeState(this.checked ? 'check' : 'uncheck');
             this.clickTriggered = false;
             return;
         }

controls/charts/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 ## [Unreleased]
 
+## 27.1.58 (2024-11-05)
+
+### Chart
+
+#### Bug Fixes
+
+- `#F188458` - Now the page scroll remains the same after clearing the series.
+- `#I647466` - The zoom settings properties are now properly updated on data binding.
+
+### Accumulation Chart
+
+#### Bug Fixes
+
+- `I917094` - The series property now updates correctly on data binding.
+
 ## 27.1.57 (2024-10-29)
 
 ### Chart

controls/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "27.1.55",
+	"version": "27.1.57",
 	"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/charts/spec/chart/series/stacking-bar.spec.ts

@@ -1171,6 +1171,18 @@ describe('Chart Control', () => {
             chartObj.loaded = loaded;
             chartObj.refresh();
         });
+        it('Stacking bar - with transposed true and column width in pixel', (done: Function) => {
+            loaded = (args: Object): void => {
+                let legendElement = document.getElementById('Stackingbarcontainer_chart_legend_text_0');
+                trigger.clickEvent(legendElement);
+                expect(legendElement !== null).toBe(true);
+                done();
+            };
+            chartObj.loaded = loaded;
+            chartObj.series[0].columnWidthInPixel = 15;
+            chartObj.isTransposed = true;
+            chartObj.refresh();
+        });
     });
     it('memory leak', () => {
         profile.sample();

controls/charts/src/accumulation-chart/accumulation.ts

@@ -2456,6 +2456,7 @@ export class AccumulationChart extends Component<HTMLElement> implements INotify
                         }
                     }
                     if (seriesRefresh) {
+                        this.calculateVisibleSeries();
                         this.processData(false); update.refreshBounds = true;
                     }
                 }

controls/charts/src/chart/axis/cartesian-panel.ts

@@ -542,6 +542,9 @@ export class CartesianAxisLayoutPanel {
      */
     private renderScrollbar(chart: Chart, axis: Axis): void {
         const isZoomed: boolean = isNullOrUndefined(chart.zoomModule) ? false : chart.zoomModule.isZoomed;
+        if (!axis.zoomingScrollBar) {
+            chart.scrollBarModule.injectTo(axis, chart);
+        }
         if (((isZoomed && (axis.zoomFactor < 1 || axis.zoomPosition > 0)) || (axis.scrollbarSettings.enable &&
             (axis.zoomFactor <= 1 || axis.zoomPosition >= 0))) &&
             (!axis.zoomingScrollBar.isScrollUI)) {
@@ -551,7 +554,8 @@ export class CartesianAxisLayoutPanel {
                 );
             }
             appendChildElement(false, chart.scrollElement, axis.zoomingScrollBar.render(true), true);
-        } else if (axis.zoomFactor === 1 && axis.zoomPosition === 0 && axis.zoomingScrollBar.svgObject && !axis.scrollbarSettings.enable) {
+        } else if (axis.zoomFactor === 1 && axis.zoomPosition === 0 && axis.zoomingScrollBar.svgObject &&
+            !axis.scrollbarSettings.enable) {
             axis.zoomingScrollBar.destroy();
         } else if (axis.zoomingScrollBar.svgObject) {
             (axis.zoomingScrollBar.svgObject as SVGElement).style.top = (axis.isAxisOpposedPosition && axis.orientation === 'Horizontal' ? -16 : 0)