v23.2.4 is released

components/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 23.1.44 (2023-11-07)
+## 23.2.4 (2023-11-20)
 
 ### Barcode
 

components/barcodegenerator/src/barcode-generator/barcodegenerator.component.tsx

@@ -12,7 +12,7 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
  */
 export class BarcodeGeneratorComponent extends BarcodeGenerator {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<BarcodeGeneratorModel & DefaultHtmlAttributes>;
+    & Readonly<BarcodeGeneratorModel | DefaultHtmlAttributes>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -21,7 +21,7 @@ export class BarcodeGeneratorComponent extends BarcodeGenerator {
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<BarcodeGeneratorModel & DefaultHtmlAttributes>;
+     & Readonly<BarcodeGeneratorModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

components/barcodegenerator/src/datamatrix-generator/datamatrixgenerator.component.tsx

@@ -12,7 +12,7 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
  */
 export class DataMatrixGeneratorComponent extends DataMatrixGenerator {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<DataMatrixGeneratorModel & DefaultHtmlAttributes>;
+    & Readonly<DataMatrixGeneratorModel | DefaultHtmlAttributes>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -21,7 +21,7 @@ export class DataMatrixGeneratorComponent extends DataMatrixGenerator {
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<DataMatrixGeneratorModel & DefaultHtmlAttributes>;
+     & Readonly<DataMatrixGeneratorModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

components/barcodegenerator/src/qrcode-generator/qrcodegenerator.component.tsx

@@ -12,7 +12,7 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
  */
 export class QRCodeGeneratorComponent extends QRCodeGenerator {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<QRCodeGeneratorModel & DefaultHtmlAttributes>;
+    & Readonly<QRCodeGeneratorModel | DefaultHtmlAttributes>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -21,7 +21,7 @@ export class QRCodeGeneratorComponent extends QRCodeGenerator {
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<QRCodeGeneratorModel & DefaultHtmlAttributes>;
+     & Readonly<QRCodeGeneratorModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

components/base/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 ## [Unreleased]
 
+## 23.2.4 (2023-11-20)
+
+### Common
+
+#### Bug Fixes
+
+- The issue with "the compilation error occurring when utilizing the title property in the React Smith chart component" has been resolved.
+- The issue with "the internationalization event of the React component remains connected even after it has been destroyed" has been resolved.
+
 ## 23.1.43 (2023-10-31)
 
 ### Common

components/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-base",
-	"version": "23.1.43",
+	"version": "23.2.4",
 	"description": "A common package of Essential JS 2 React base, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/base/src/component-base.ts

@@ -3,7 +3,7 @@
  */
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import { extend, isNullOrUndefined, setValue, getValue, isObject } from '@syncfusion/ej2-base';
+import { extend, isNullOrUndefined, setValue, getValue, isObject, onIntlChange } from '@syncfusion/ej2-base';
 /**
  * Interface for processing directives
  */
@@ -483,7 +483,7 @@ export class ComponentBase<P, S> extends React.Component<P, S> {
         if (this.initRenderCalled && this.isAppendCalled && this.element && ((!modulesName.indexOf(this.getModuleName())) ? document.body.contains(this.element) : true) && !this.isDestroyed && this.isCreated) {
             this.destroy();
         }
-
+        onIntlChange.offIntlEvents();
     }
 
     // tslint:disable:no-any

components/buttons/src/button/button.component.tsx

@@ -12,7 +12,7 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
  */
 export class ButtonComponent extends Button {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<ButtonModel & DefaultHtmlAttributes>;
+    & Readonly<ButtonModel | DefaultHtmlAttributes>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -21,7 +21,7 @@ export class ButtonComponent extends Button {
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<ButtonModel & DefaultHtmlAttributes>;
+     & Readonly<ButtonModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

components/buttons/src/check-box/checkbox.component.tsx

@@ -12,7 +12,7 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
  */
 export class CheckBoxComponent extends CheckBox {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<CheckBoxModel & DefaultHtmlAttributes>;
+    & Readonly<CheckBoxModel | DefaultHtmlAttributes>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -21,7 +21,7 @@ export class CheckBoxComponent extends CheckBox {
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<CheckBoxModel & DefaultHtmlAttributes>;
+     & Readonly<CheckBoxModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

components/buttons/src/chips/chiplist.component.tsx

@@ -12,7 +12,7 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
  */
 export class ChipListComponent extends ChipList {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<ChipListModel & DefaultHtmlAttributes>;
+    & Readonly<ChipListModel | DefaultHtmlAttributes>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -22,7 +22,7 @@ export class ChipListComponent extends ChipList {
     private templateProps: string[] = null;
     private immediateRender: boolean = false;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<ChipListModel & DefaultHtmlAttributes>;
+     & Readonly<ChipListModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

components/buttons/src/floating-action-button/fab.component.tsx

@@ -12,7 +12,7 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
  */
 export class FabComponent extends Fab {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<FabModel & DefaultHtmlAttributes>;
+    & Readonly<FabModel | DefaultHtmlAttributes>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -21,7 +21,7 @@ export class FabComponent extends Fab {
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<FabModel & DefaultHtmlAttributes>;
+     & Readonly<FabModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

components/buttons/src/radio-button/radiobutton.component.tsx

@@ -12,7 +12,7 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
  */
 export class RadioButtonComponent extends RadioButton {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<RadioButtonModel & DefaultHtmlAttributes>;
+    & Readonly<RadioButtonModel | DefaultHtmlAttributes>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -21,7 +21,7 @@ export class RadioButtonComponent extends RadioButton {
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<RadioButtonModel & DefaultHtmlAttributes>;
+     & Readonly<RadioButtonModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

components/buttons/src/speed-dial/speeddial.component.tsx

@@ -15,7 +15,7 @@ export interface SpeedDialTypecast {
  */
 export class SpeedDialComponent extends SpeedDial {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<SpeedDialModel & DefaultHtmlAttributes| SpeedDialTypecast>;
+    & Readonly<SpeedDialModel | DefaultHtmlAttributes| SpeedDialTypecast>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -25,7 +25,7 @@ export class SpeedDialComponent extends SpeedDial {
     private templateProps: string[] = null;
     private immediateRender: boolean = false;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<SpeedDialModel & DefaultHtmlAttributes| SpeedDialTypecast>;
+     & Readonly<SpeedDialModel | DefaultHtmlAttributes| SpeedDialTypecast>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

components/buttons/src/switch/switch.component.tsx

@@ -12,7 +12,7 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
  */
 export class SwitchComponent extends Switch {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<SwitchModel & DefaultHtmlAttributes>;
+    & Readonly<SwitchModel | DefaultHtmlAttributes>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -21,7 +21,7 @@ export class SwitchComponent extends Switch {
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<SwitchModel & DefaultHtmlAttributes>;
+     & Readonly<SwitchModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

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

@@ -12,7 +12,7 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
  */
 export class CalendarComponent extends Calendar {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<CalendarModel & DefaultHtmlAttributes>;
+    & Readonly<CalendarModel | DefaultHtmlAttributes>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -21,7 +21,7 @@ export class CalendarComponent extends Calendar {
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<CalendarModel & DefaultHtmlAttributes>;
+     & Readonly<CalendarModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

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

@@ -12,7 +12,7 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
  */
 export class DatePickerComponent extends DatePicker {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<DatePickerModel & DefaultHtmlAttributes>;
+    & Readonly<DatePickerModel | DefaultHtmlAttributes>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -21,7 +21,7 @@ export class DatePickerComponent extends DatePicker {
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<DatePickerModel & DefaultHtmlAttributes>;
+     & Readonly<DatePickerModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

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

@@ -15,7 +15,7 @@ export interface DateRangePickerTypecast {
  */
 export class DateRangePickerComponent extends DateRangePicker {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<DateRangePickerModel & DefaultHtmlAttributes| DateRangePickerTypecast>;
+    & Readonly<DateRangePickerModel | DefaultHtmlAttributes| DateRangePickerTypecast>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -25,7 +25,7 @@ export class DateRangePickerComponent extends DateRangePicker {
     private templateProps: string[] = null;
     private immediateRender: boolean = false;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<DateRangePickerModel & DefaultHtmlAttributes| DateRangePickerTypecast>;
+     & Readonly<DateRangePickerModel | DefaultHtmlAttributes| DateRangePickerTypecast>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

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

@@ -12,7 +12,7 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
  */
 export class DateTimePickerComponent extends DateTimePicker {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<DateTimePickerModel & DefaultHtmlAttributes>;
+    & Readonly<DateTimePickerModel | DefaultHtmlAttributes>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -21,7 +21,7 @@ export class DateTimePickerComponent extends DateTimePicker {
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<DateTimePickerModel & DefaultHtmlAttributes>;
+     & Readonly<DateTimePickerModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

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

@@ -12,7 +12,7 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
  */
 export class TimePickerComponent extends TimePicker {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<TimePickerModel & DefaultHtmlAttributes>;
+    & Readonly<TimePickerModel | DefaultHtmlAttributes>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -21,7 +21,7 @@ export class TimePickerComponent extends TimePicker {
     private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<TimePickerModel & DefaultHtmlAttributes>;
+     & Readonly<TimePickerModel | DefaultHtmlAttributes>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

components/charts/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 ## [Unreleased]
 
+## 23.2.4 (2023-11-20)
+
+### Chart
+
+#### Bug Fixes
+
+- `#I504772` - It is now possible to cancel zooming using the scrollbar through the 'scrollChanged' event.
+
+#### Features
+
+- `#I494809` - Now steps can be applied to the line from the center, as well as from the left and right of the points.
+- `#I505867` - Enhanced the rendering of scatter series with a large number of data points.
+
 ## 23.1.44 (2023-11-07)
 
 ### Chart

components/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-charts",
-	"version": "23.1.43",
+	"version": "23.1.44",
 	"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

@@ -14,7 +14,7 @@ export interface AccumulationChartTypecast {
  */
 export class AccumulationChartComponent extends AccumulationChart {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<AccumulationChartModel & DefaultHtmlAttributes| AccumulationChartTypecast>;
+    & Readonly<AccumulationChartModel | DefaultHtmlAttributes| AccumulationChartTypecast>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -24,7 +24,7 @@ export class AccumulationChartComponent extends AccumulationChart {
     private templateProps: string[] = null;
     private immediateRender: boolean = false;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<AccumulationChartModel & DefaultHtmlAttributes| AccumulationChartTypecast>;
+     & Readonly<AccumulationChartModel | DefaultHtmlAttributes| AccumulationChartTypecast>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];

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

@@ -14,7 +14,7 @@ export interface BulletChartTypecast {
  */
 export class BulletChartComponent extends BulletChart {
     public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
-    & Readonly<BulletChartModel & DefaultHtmlAttributes| BulletChartTypecast>;
+    & Readonly<BulletChartModel | DefaultHtmlAttributes| BulletChartTypecast>;
     public setState: any;
     private getDefaultAttributes: Function;
     public initRenderCalled: boolean = false;
@@ -24,7 +24,7 @@ export class BulletChartComponent extends BulletChart {
     private templateProps: string[] = null;
     private immediateRender: boolean = false;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
-     & Readonly<BulletChartModel & DefaultHtmlAttributes| BulletChartTypecast>;
+     & Readonly<BulletChartModel | DefaultHtmlAttributes| BulletChartTypecast>;
     public forceUpdate: (callBack?: () => any) => void;
     public context: Object;
     public portals: any = [];