v21.1.38 is released

Author: pipeline

components/base/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 21.1.38 (2023-04-04)
+
+### Common
+
+#### Bug Fixes
+
+- `#I432022` - The issue with "Grid sends multiple requests if the `childGrid` has events" has been resolved.
+
 ## 21.1.37 (2023-03-29)
 
 ### Common

components/base/src/component-base.ts

@@ -334,6 +334,7 @@ export class ComponentBase<P, S> extends React.Component<P, S> {
         let status: boolean = true;
         let lenSimilarity: boolean = (oldProps.length === newProps.length);
         let diffArray: Changes[] = [];
+        var templateProps = !isNullOrUndefined(this['templateProps']) ? this['templateProps'] : [];
         if (lenSimilarity) {
             for (let i = 0, len = newProps.length; i < len; i++) {
                 let curObj: { [key: string]: Object } = {};
@@ -354,7 +355,7 @@ export class ComponentBase<P, S> extends React.Component<P, S> {
                         if (this.getModuleName()=== 'grid' && key === 'field') {
                             curObj[`${key}`] = newValue;
                         }
-                        if (!oldProp.hasOwnProperty(key) || !this.compareValues(oldValue, newValue)) {
+                        if (!oldProp.hasOwnProperty(key) || !((templateProps.length > 0 && templateProps.indexOf(`${key}`) === -1 && typeof(newValue) === 'function') ? this.compareValues(oldValue.toString(), newValue.toString()) : this.compareValues(oldValue, newValue))) {
                             if (!propName) {
                                 return { status: false };
                             }

components/buttons/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 21.1.37 (2023-03-29)
+## 21.1.38 (2023-04-04)
 
 ### Checkbox
 

components/calendars/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 21.1.37 (2023-03-29)
+## 21.1.38 (2023-04-04)
 
 ### DatePicker
 

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

@@ -18,6 +18,7 @@ export class CalendarComponent extends Calendar {
     public initRenderCalled: boolean = false;
     private checkInjectedModules: boolean = true;
     private statelessTemplateProps: string[] = null;
+    private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<CalendarModel & DefaultHtmlAttributes>;

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

@@ -18,6 +18,7 @@ export class DatePickerComponent extends DatePicker {
     public initRenderCalled: boolean = false;
     private checkInjectedModules: boolean = true;
     private statelessTemplateProps: string[] = null;
+    private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<DatePickerModel & DefaultHtmlAttributes>;

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

@@ -22,6 +22,7 @@ export class DateRangePickerComponent extends DateRangePicker {
     private checkInjectedModules: boolean = false;
     public directivekeys: { [key: string]: Object } = {'presets': 'preset'};
     private statelessTemplateProps: string[] = null;
+    private templateProps: string[] = null;
     private immediateRender: boolean = false;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<DateRangePickerModel & DefaultHtmlAttributes| DateRangePickerTypecast>;

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

@@ -18,6 +18,7 @@ export class DateTimePickerComponent extends DateTimePicker {
     public initRenderCalled: boolean = false;
     private checkInjectedModules: boolean = true;
     private statelessTemplateProps: string[] = null;
+    private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<DateTimePickerModel & DefaultHtmlAttributes>;

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

@@ -18,6 +18,7 @@ export class TimePickerComponent extends TimePicker {
     public initRenderCalled: boolean = false;
     private checkInjectedModules: boolean = true;
     private statelessTemplateProps: string[] = null;
+    private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<TimePickerModel & DefaultHtmlAttributes>;

components/charts/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 ## [Unreleased]
 
+## 21.1.38 (2023-04-04)
+
+### Chart
+
+#### Bug Fixes
+
+- `#I449076` - Data labels are now displayed properly in the HiloOpenClose chart.
+- `#I444669` - Line width of the series is now updating properly while using useState method.
+- `#I444557` - Legend is now rendering properly on the top position without overlapping with axis label.
+
 ## 21.1.35 (2023-03-23)
 
 ### Chart

components/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-charts",
-	"version": "20.9.12",
+	"version": "21.1.37",
 	"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/circulargauge/CHANGELOG.md

@@ -5,7 +5,7 @@
 
 ## [Unreleased]
 
-## 21.1.37 (2023-03-29)
+## 21.1.38 (2023-04-04)
 
 ### Circular Gauge
 

components/diagrams/CHANGELOG.md

@@ -26,6 +26,7 @@
 - `#F180478` - Now, the performance of diagram while enabling virtualization is improved.
 - `#F180478` - Now, Overview is updated properly while enabling virtualization.
 - `#I422299` - Now, swimlane child nodes is selectable after save and load.
+- `#I437322` - Now, drag the connector end thumb is working, while we increase handleSize value.
 - `#I436649` - Now, connector segment does not get split into multiple segment for top to bottom approach.
 - `#I440967` - Now, Free hand connector segment collection restored after save and load the diagram.
 - `#I441075` - Now, position change event does not get triggered while click on the swimlane header.

components/diagrams/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-diagrams",
-	"version": "19.14.9",
+	"version": "21.1.37",
 	"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

@@ -23,6 +23,7 @@ export class DiagramComponent extends Diagram {
     private checkInjectedModules: boolean = true;
     public directivekeys: { [key: string]: Object } = {'layers': 'layer', 'customCursors': 'customCursor', 'connectors': {'connector': {'connectorFixedUserHandles': 'connectorFixedUserHandle', 'connectorAnnotations': 'connectorAnnotation'}}, 'nodes': {'node': {'nodeFixedUserHandles': 'nodeFixedUserHandle', 'nodeAnnotations': 'nodeAnnotation', 'ports': 'port'}}};
     private statelessTemplateProps: string[] = null;
+    private templateProps: string[] = null;
     private immediateRender: boolean = false;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<DiagramModel & DefaultHtmlAttributes| DiagramTypecast>;

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

@@ -18,6 +18,7 @@ export class OverviewComponent extends Overview {
     public initRenderCalled: boolean = false;
     private checkInjectedModules: boolean = false;
     private statelessTemplateProps: string[] = null;
+    private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<OverviewModel & DefaultHtmlAttributes>;

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

@@ -19,6 +19,7 @@ export class SymbolPaletteComponent extends SymbolPalette {
     private checkInjectedModules: boolean = true;
     public directivekeys: { [key: string]: Object } = {'palettes': 'palette'};
     private statelessTemplateProps: string[] = null;
+    private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<SymbolPaletteModel & DefaultHtmlAttributes>;

components/documenteditor/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 ## [Unreleased]
 
+## 21.1.38 (2023-04-04)
+
+### Document Editor
+
+#### Bug Fixes
+
+- `#SF-440282` - Resolved an error while trying to change font for whole document.
+- `#SF-441499` - Resolved the script error while opening Document.
+- `#SF-438842` - Header/Footer area are now resized based on the inserted image.
+- `#SF-441437` - Resolved the dropdown form field items expanding issue.
+
+#### New Features
+
+- `#I418721` - Added API to auto resize when the Document editor became visible.
+
 ## 21.1.37 (2023-03-29)
 
 ### Document Editor
@@ -14,20 +29,6 @@
 - `#I436445` - Resolved the overlapping issue while opening the document.
 - `#I446019` - Resolved the issue in opening "Dotx" format document.
 
-- `#425697` - Resolved the positioning and line spacing issue in shape document
-
-#### Breaking Changes
-
-- Starting from version v21.1.x, the SFDT file generated in Word Processor component is optimized by default to reduce the file size. Hence, the optimized SFDT files can't be directly manipulated as JSON string. Please refer the [documentation](https://ej2.syncfusion.com/react/documentation/document-editor/how-to/optimize-sfdt).
-
-#### New Features
-
-- `#I249004`, `#I250933`, `#I256703`, `#I286287`, `#I290760`, `#I301513`, `#I313194`, `#I314827`, `#I316496`, `#I317964`, `#I320201`, `#I320872`, `#I327636`,  `#I331310`, `#I333899`, `#I334058`, `#I334929`, `#I337202`, `#I341931`, `#I341953`, `#I345929`, `#I348344`, `#I349206`, `#I349683`, `#I349895`, `#I354081`, `#I356432` - Added support for continuous section break in DocumentEditor.
-- `#I422408`, `#I435125` - Optimized SFDT file to reduce the file size relative to a Docx file.
-- `#I330729`, `#I256794` - Added support to display bookmark start and end in DocumentEditor.
-- `#I333042`, `#I349829` - Added support disable the auto focus to DocumentEditor.
-- `#I175038` - Added API to modify the predefine styles in DocumentEditor.
-
 ## 21.1.35 (2023-03-23)
 
 ### Document Editor
@@ -36,6 +37,8 @@
 
 - Starting from version v21.1.x, the SFDT file generated in Word Processor component is optimized by default to reduce the file size. Hence, the optimized SFDT files can't be directly manipulated as JSON string. Please refer the [documentation](https://ej2.syncfusion.com/documentation/document-editor/how-to/optimize-sfdt).
 
+- Starting from version v21.1.x, the SFDT file generated in Word Processor component is optimized by default to reduce the file size. Hence, the optimized SFDT files can't be directly manipulated as JSON string. Please refer the [documentation](https://ej2.syncfusion.com/react/documentation/document-editor/how-to/optimize-sfdt).
+
 #### Bug Fixes
 
 - `#425697` - Resolved the positioning and line spacing issue in shape document

components/documenteditor/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-documenteditor",
-	"version": "19.61.0",
+	"version": "21.1.37",
 	"description": "Feature-rich document editor control with built-in support for context menu, options pane and dialogs. for React",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/documenteditor/src/document-editor-container/documenteditorcontainer.component.tsx

@@ -18,6 +18,7 @@ export class DocumentEditorContainerComponent extends DocumentEditorContainer {
     public initRenderCalled: boolean = false;
     private checkInjectedModules: boolean = true;
     private statelessTemplateProps: string[] = null;
+    private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<DocumentEditorContainerModel & DefaultHtmlAttributes>;

components/documenteditor/src/document-editor/documenteditor.component.tsx

@@ -18,6 +18,7 @@ export class DocumentEditorComponent extends DocumentEditor {
     public initRenderCalled: boolean = false;
     private checkInjectedModules: boolean = true;
     private statelessTemplateProps: string[] = null;
+    private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<DocumentEditorModel & DefaultHtmlAttributes>;

components/dropdowns/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 21.1.38 (2023-04-04)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#I450984` - Resolved issue, when manually select the all items then `SelectAll` state not updated for the Dropdown Tree component.
+
 ## 21.1.37 (2023-03-29)
 
 ### Mention

components/dropdowns/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-dropdowns",
-	"version": "21.1.35",
+	"version": "21.1.37",
 	"description": "Essential JS 2 DropDown Components for React",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/dropdowns/src/auto-complete/autocomplete.component.tsx

@@ -23,6 +23,7 @@ export class AutoCompleteComponent extends AutoComplete {
     public initRenderCalled: boolean = false;
     private checkInjectedModules: boolean = false;
     private statelessTemplateProps: string[] = ["headerTemplate","itemTemplate"];
+    private templateProps: string[] = null;
     private immediateRender: boolean = false;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<AutoCompleteModel & DefaultHtmlAttributes| AutoCompleteTypecast>;

components/dropdowns/src/combo-box/combobox.component.tsx

@@ -23,6 +23,7 @@ export class ComboBoxComponent extends ComboBox {
     public initRenderCalled: boolean = false;
     private checkInjectedModules: boolean = false;
     private statelessTemplateProps: string[] = ["headerTemplate","itemTemplate"];
+    private templateProps: string[] = null;
     private immediateRender: boolean = false;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<ComboBoxModel & DefaultHtmlAttributes| ComboBoxTypecast>;

components/dropdowns/src/drop-down-list/dropdownlist.component.tsx

@@ -24,6 +24,7 @@ export class DropDownListComponent extends DropDownList {
     public initRenderCalled: boolean = false;
     private checkInjectedModules: boolean = false;
     private statelessTemplateProps: string[] = ["headerTemplate","valueTemplate","itemTemplate"];
+    private templateProps: string[] = null;
     private immediateRender: boolean = false;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<DropDownListModel & DefaultHtmlAttributes| DropDownListTypecast>;

components/dropdowns/src/drop-down-tree/dropdowntree.component.tsx

@@ -22,6 +22,7 @@ export class DropDownTreeComponent extends DropDownTree {
     public initRenderCalled: boolean = false;
     private checkInjectedModules: boolean = false;
     private statelessTemplateProps: string[] = null;
+    private templateProps: string[] = null;
     private immediateRender: boolean = false;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<DropDownTreeModel & DefaultHtmlAttributes| DropDownTreeTypecast>;

components/dropdowns/src/list-box/listbox.component.tsx

@@ -20,6 +20,7 @@ export class ListBoxComponent extends ListBox {
     public initRenderCalled: boolean = false;
     private checkInjectedModules: boolean = true;
     private statelessTemplateProps: string[] = ["itemTemplate"];
+    private templateProps: string[] = null;
     private immediateRender: boolean = false;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<ListBoxModel & DefaultHtmlAttributes| ListBoxTypecast>;

components/dropdowns/src/mention/mention.component.tsx

@@ -22,6 +22,7 @@ export class MentionComponent extends Mention {
     public initRenderCalled: boolean = false;
     private checkInjectedModules: boolean = false;
     private statelessTemplateProps: string[] = ["itemTemplate"];
+    private templateProps: string[] = null;
     private immediateRender: boolean = false;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<MentionModel & DefaultHtmlAttributes| MentionTypecast>;

components/dropdowns/src/multi-select/multiselect.component.tsx

@@ -24,6 +24,7 @@ export class MultiSelectComponent extends MultiSelect {
     public initRenderCalled: boolean = false;
     private checkInjectedModules: boolean = true;
     private statelessTemplateProps: string[] = ["headerTemplate","valueTemplate","itemTemplate"];
+    private templateProps: string[] = null;
     private immediateRender: boolean = false;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<MultiSelectModel & DefaultHtmlAttributes| MultiSelectTypecast>;

components/filemanager/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-filemanager",
-	"version": "21.1.35",
+	"version": "21.1.37",
 	"description": "Essential JS 2 FileManager Component for React",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/filemanager/src/file-manager/filemanager.component.tsx

@@ -18,6 +18,7 @@ export class FileManagerComponent extends FileManager {
     public initRenderCalled: boolean = false;
     private checkInjectedModules: boolean = true;
     private statelessTemplateProps: string[] = null;
+    private templateProps: string[] = null;
     private immediateRender: boolean = true;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<FileManagerModel & DefaultHtmlAttributes>;

components/gantt/CHANGELOG.md

@@ -2,15 +2,30 @@
 
 ## [Unreleased]
 
-## 21.1.37 (2023-03-29)
+## 21.1.38 (2023-04-04)
 
 ### Gantt Chart
 
 #### Bug Fixes
 
--`I441276`- Outdent task is not in correct index of modified records in `actionComplete` event issue has been fixed.
--`I435254`, `I444942`- Taskbar not rendered in Pdf exported file when `timelineUnitSize` is initialized issue has been fixed.
+- `#I451243` - Unable to set zooming levels through `zoomingLevels` property issue has been fixed.
+- `#I447704` - Timeline tier is not changing dynamically issue has been fixed.
+- `I447465` - Incorrect progress value on parent task when child tasks have fractional duration issue has been fixed.
+- -`I447475`- End key is not working properly issue has been fixed.
+- -`#I447772` - Application freezing while changing holidays/weekend issue has been fixed.
+
+- `I447465` - Incorrect progress value on parent task when child tasks have fractional duration issue has been fixed.
+- -`I447475`- End key is not working properly issue has been fixed.
+
+## 21.1.37 (2023-03-29)
+
+### Gantt Chart
+
+#### Bug Fixes
 
+- `#I432146` - Script error occurs while changing data source and resource simultaneously issue has been fixed.
+- -`I441276`- Outdent task is not in correct index of modified records in `actionComplete` event issue has been fixed.
+- -`I435254`, `I444942`- Taskbar not rendered in Pdf exported file when `timelineUnitSize` is initialized issue has been fixed.
 
 -`I441276`- Outdent task is not in correct index of modified records in `actionComplete` event issue has been fixed.
 -`I444942`- Taskbar not rendered in Pdf exported file when `timelineUnitSize` is initialized issue has been fixed.

components/gantt/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-gantt",
-	"version": "21.1.35",
+	"version": "21.1.37",
 	"description": "Essential JS 2 Gantt Component for React",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/gantt/src/gantt/gantt.component.tsx

@@ -30,6 +30,7 @@ export class GanttComponent extends Gantt {
     private checkInjectedModules: boolean = true;
     public directivekeys: { [key: string]: Object } = {'columns': 'column', 'addDialogFields': 'addDialogField', 'editDialogFields': 'editDialogField', 'dayWorkingTimeCollection': 'dayWorkingTime', 'holidays': 'holiday', 'eventMarkers': 'eventMarker'};
     private statelessTemplateProps: string[] = null;
+    private templateProps: string[] = null;
     private immediateRender: boolean = false;
     public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
      & Readonly<GanttModel & DefaultHtmlAttributes| GanttTypecast>;