v27.1.55 is released

Author: pipeline

components/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 27.1.53 (2024-10-15)
+## 27.1.55 (2024-10-22)
 
 ### Barcode
 

components/buttons/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 27.1.53 (2024-10-15)
+## 27.1.55 (2024-10-22)
 
 ### Checkbox
 

components/calendars/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 27.1.55 (2024-10-22)
+
+### DateTimePicker
+
+#### Bug Fixes
+
+- `#I632734` -  Fixed an issue where the page automatically scrolled to the top when users began typing in the masked datetime picker on iPad.
+
 ## 27.1.51 (2024-09-30)
 
 ### DateTimePicker

components/calendars/src/calendar/calendar.component.tsx

@@ -20,6 +20,7 @@ export class CalendarComponent extends Calendar {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<CalendarModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -34,6 +35,7 @@ export class CalendarComponent extends Calendar {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/calendars/src/datepicker/datepicker.component.tsx

@@ -20,6 +20,7 @@ export class DatePickerComponent extends DatePicker {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<DatePickerModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -34,6 +35,7 @@ export class DatePickerComponent extends DatePicker {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/calendars/src/daterangepicker/daterangepicker.component.tsx

@@ -24,6 +24,7 @@ export class DateRangePickerComponent extends DateRangePicker {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = false;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<DateRangePickerModel | DefaultHtmlAttributes| DateRangePickerTypecast>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -38,6 +39,7 @@ export class DateRangePickerComponent extends DateRangePicker {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/calendars/src/datetimepicker/datetimepicker.component.tsx

@@ -20,6 +20,7 @@ export class DateTimePickerComponent extends DateTimePicker {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<DateTimePickerModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -34,6 +35,7 @@ export class DateTimePickerComponent extends DateTimePicker {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/calendars/src/timepicker/timepicker.component.tsx

@@ -20,6 +20,7 @@ export class TimePickerComponent extends TimePicker {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<TimePickerModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -34,6 +35,7 @@ export class TimePickerComponent extends TimePicker {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/charts/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 ## [Unreleased]
 
+## 27.1.55 (2024-10-22)
+
+### Chart
+
+#### Bug Fixes
+
+- `#I641213` - Data points in a multi-pane chart no longer collapse when zooming in canvas mode.
+- `#I641366` - The border for the multi-pane chart now renders correctly in canvas mode.
+- `#I640624` - The Moving Average trendline now functions as expected when the period is set to one.
+- `#I642177` - The `columnWidthInPixel` property now works correctly in the transposed stacked column chart.
+- `#I638097` - The scrollbar now functions properly during data binding.
+- `#I644765` - Series now renders properly when the axis interval is zero.  
+
+### Accumulation Chart
+
+#### Bug Fixes
+
+- `#I642553` - The legend text size now updates correctly when resizing the accumulation chart.
+
 ## 27.1.53 (2024-10-15)
 
 ### Chart

components/charts/package.json

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

components/charts/src/accumulation-chart/accumulationchart.component.tsx

@@ -23,6 +23,7 @@ export class AccumulationChartComponent extends AccumulationChart {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = false;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<AccumulationChartModel | DefaultHtmlAttributes| AccumulationChartTypecast>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -37,6 +38,7 @@ export class AccumulationChartComponent extends AccumulationChart {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/charts/src/bullet-chart/bulletchart.component.tsx

@@ -23,6 +23,7 @@ export class BulletChartComponent extends BulletChart {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = false;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<BulletChartModel | DefaultHtmlAttributes| BulletChartTypecast>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -37,6 +38,7 @@ export class BulletChartComponent extends BulletChart {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/charts/src/chart/chart.component.tsx

@@ -23,6 +23,7 @@ export class ChartComponent extends Chart {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = false;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<ChartModel | DefaultHtmlAttributes| ChartTypecast>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -37,6 +38,7 @@ export class ChartComponent extends Chart {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/charts/src/chart3d/chart3d.component.tsx

@@ -23,6 +23,7 @@ export class Chart3DComponent extends Chart3D {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = false;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<Chart3DModel | DefaultHtmlAttributes| Chart3DTypecast>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -37,6 +38,7 @@ export class Chart3DComponent extends Chart3D {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/charts/src/circularchart3d/circularchart3d.component.tsx

@@ -23,6 +23,7 @@ export class CircularChart3DComponent extends CircularChart3D {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = false;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<CircularChart3DModel | DefaultHtmlAttributes| CircularChart3DTypecast>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -37,6 +38,7 @@ export class CircularChart3DComponent extends CircularChart3D {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/charts/src/range-navigator/rangenavigator.component.tsx

@@ -23,6 +23,7 @@ export class RangeNavigatorComponent extends RangeNavigator {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = false;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<RangeNavigatorModel | DefaultHtmlAttributes| RangeNavigatorTypecast>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -37,6 +38,7 @@ export class RangeNavigatorComponent extends RangeNavigator {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/charts/src/smithchart/smithchart.component.tsx

@@ -21,6 +21,7 @@ export class SmithchartComponent extends Smithchart {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<SmithchartModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -35,6 +36,7 @@ export class SmithchartComponent extends Smithchart {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/charts/src/sparkline/sparkline.component.tsx

@@ -21,6 +21,7 @@ export class SparklineComponent extends Sparkline {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<SparklineModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -35,6 +36,7 @@ export class SparklineComponent extends Sparkline {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/charts/src/stock-chart/stockchart.component.tsx

@@ -23,6 +23,7 @@ export class StockChartComponent extends StockChart {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = false;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<StockChartModel | DefaultHtmlAttributes| StockChartTypecast>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -37,6 +38,7 @@ export class StockChartComponent extends StockChart {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/diagrams/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 ## [Unreleased]
 
+## 27.1.55 (2024-10-22)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I635721` - The undo and redo actions work during swimlane deletion, even when the swimlane's delete constraint is disabled.
+- `#I638627` - The tooltip for the annotation is now visible when the text overflow is set to Ellipsis or Clip.
+
 ## 27.1.53 (2024-10-15)
 
 ### Diagram

components/diagrams/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-diagrams",
-	"version": "27.1.52",
+	"version": "27.1.53",
 	"description": "Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts. for React",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/diagrams/src/diagram/diagram.component.tsx

@@ -25,6 +25,7 @@ export class DiagramComponent extends Diagram {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = false;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<DiagramModel | DefaultHtmlAttributes| DiagramTypecast>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -39,6 +40,7 @@ export class DiagramComponent extends Diagram {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/diagrams/src/overview/overview.component.tsx

@@ -20,6 +20,7 @@ export class OverviewComponent extends Overview {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<OverviewModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -34,6 +35,7 @@ export class OverviewComponent extends Overview {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/diagrams/src/symbol-palette/symbolpalette.component.tsx

@@ -21,6 +21,7 @@ export class SymbolPaletteComponent extends SymbolPalette {
     private statelessTemplateProps: string[] = null;
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
+    private isReactMock: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<SymbolPaletteModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
@@ -35,6 +36,7 @@ export class SymbolPaletteComponent extends SymbolPalette {
     }
 
     public render(): any {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

components/documenteditor/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 ## [Unreleased]
 
+## 27.1.55 (2024-10-22)
+
+### DocumentEditor
+
+#### Bug Fixes
+
+- `#I636914` - Now track changes working as expected when using collaboration.
+- `#I641336` - Resolved the text overlap issue in document uploading.
+- `#I636876` - Now script error does not get thrown when unmounting the DocumentEditor with collaboration.
+- `#I638548` - Resolved the issue of document stays loading.
+- `#I637068` - Now proper font family is updated for splitted Chinese text.
+- `#I618565` - Now text get highlighted properly if user clicks on comment.
+
 ## 27.1.53 (2024-10-15)
 
 ### DocumentEditor
@@ -24,6 +37,9 @@
 - `#I632911` - Resolved console warning for missing modules in document editor.
 - `#I630998` - Now able to add text after a content control when no other element is next to it.
 - `#I622732` - Resolved script error while delete content after search text.
+- `#I624123` - Resolved the footnote overlap with table issue in document editor.
+- `#I635035` - Now Content control has been exported properly in document editor.
+- `#I633148` - Resolved the issue multiple spell check triggered when inserting text.
 
 #### Features