v19.4.53 is released

Author: pipeline

components/base/CHANGELOG.md

@@ -2,29 +2,46 @@
 
 ## [Unreleased]
 
+## 19.4.53 (2022-02-22)
+
+### Common
+
+#### Bug Fixes
+
+- `SF-366476` - Resolved the issue with React `Dialog` content does not update when changing state.
+
 ## 19.4.52 (2022-02-15)
 
 ### Common
 
 #### Bug Fixes
 
-- `333080` - Resolved the issue with Grid `editTemplate` drop down data source is not updated while using `useState`.
+- `I352651` - Styles not applied properly if it dynamically changed has been resolved.
+
+## 19.4.47 (2022-01-25)
+
+### Common
+
+#### Bug Fixes
+
+- `F167610` - Resolved the Console error occurs when using a value and `valueTemplate` together.
 
-## 19.2.49 (2021-07-27)
+## 19.4.43 (2022-01-18)
 
 ### Common
 
 #### Bug Fixes
 
-- `I335035`, `I331116` - Resolved the issue with Updating data source of components using React `usestate` hook is not working.
+- `I362528` - Resolved the peer dependency warning in higher React version
 
-## 19.2.48 (2021-07-20)
+## 19.4.42 (2022-01-11)
 
 ### Common
 
 #### Bug Fixes
 
-- `I331796` - Resolved the issue with Selected value removed when focus changed in `MultiSelect`.
+- `I339589` - Resolved the `DropdownButton` issue with react component as target.
+- `F165505` - Resolved the issue with Focus lost in input component each time `onchange` invoked.
 
 ## 19.1.67 (2021-06-08)
 

components/base/ReadMe.md renamed to components/base/README.md

@@ -72,11 +72,11 @@ Product support is available for through following mediums.
 
 ## License
 
-Check the license detail [here](https://github.com/syncfusion/ej2-react-base/blob/master/license).
+Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license).
 
 ## Changelog
 
-Check the changelog [here](https://ej2.syncfusion.com/react/documentation/release-notes?utm_source=npm&utm_campaign=ej2-react-base)
+Check the changelog [here](https://ej2.syncfusion.com/react/documentation/release-notes/index?utm_source=npm&utm_campaign=ej2-react-base)
 
     © Copyright 2019 Syncfusion, Inc. All Rights Reserved.
     The Syncfusion Essential Studio license and copyright applies to this distribution.

components/base/karma.conf.js

@@ -62,7 +62,7 @@ module.exports = function (config) {
 
     // start these browsers
     // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
-    browsers:  [ 'Chrome'],
+    browsers:  ['ChromeHeadless', 'Chrome'],
 
 
     // Continuous Integration mode

components/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-base",
-	"version": "19.2.49",
+	"version": "19.4.52",
 	"description": "A common package of Essential JS 2 React base, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
@@ -23,16 +23,12 @@
 	"main": "./dist/ej2-react-base.umd.min.js",
 	"module": "./index.js",
 	"readme": "ReadMe.md",
-	"peerDependencies": {
-		"react": "16.13.1 - 17.0.2",
-		"react-dom": "16.13.1 - 17.0.2"
-	},
 	"dependencies": {
 		"@syncfusion/ej2-base": "*"
 	},
 	"devDependencies": {
-		"react": "16.13.1 - 17.10.2",
-		"react-dom": "16.13.1 - 17.10.2",
+		"react": "15.5.4 - 16.10.2",
+		"react-dom": "15.5.4 - 16.10.2",
 		"@types/chai": "^3.4.28",
 		"@types/es6-promise": "0.0.28",
 		"@types/jasmine": "^2.2.29",
@@ -64,5 +60,6 @@
 	"scripts": {
 		"build": "gulp build",
 		"test": "gulp test"
-	}
+	},
+	"typings": "index.d.ts"
 }

components/base/src/component-base.ts

@@ -2,6 +2,7 @@
  * React Component Base
  */
  import * as React from 'react';
+ import * as ReactDOM from 'react-dom';
  import { extend, isNullOrUndefined, setValue, getValue, isObject } from '@syncfusion/ej2-base';
  /**
   * Interface for processing directives
@@ -74,6 +75,7 @@
      public portals:any;
      protected value: any;
      protected columns: any;
+     private clsName: boolean;
 
      // Lifecycle methods are changed by React team and so we can deprecate this method and use
      // Reference link:https://reactjs.org/docs/react-component.html#unsafe_componentWillMount
@@ -91,10 +93,12 @@
          }
      }
 
-     public componentDidUpdate(): any {
+     public componentDidUpdate(prev: Object): any {
         if(!this.isshouldComponentUpdateCalled && this.initRenderCalled && !this.isReactForeceUpdate) {
             this.isshouldComponentUpdateCalled = true;
-            this.refreshProperties(this.props, true);
+            if (prev !== this.props) {
+                this.refreshProperties(this.props, true);   
+            }
         }
      }
 
@@ -145,12 +149,25 @@
                  delete dProps[propkey];
              } else if (this.attrKeys.indexOf(propkey) !== -1) {
                  if (isClassName) {
-                     this.element.classList.remove(this.props[propkey]);
-                     this.element.classList.add(dProps[propkey]);
+                     this.clsName = true;
+                     let propsClsName = this.props[propkey].split(' ');
+                     for (let i: number = 0; i < propsClsName.length; i++) {
+                        this.element.classList.remove(propsClsName[i]);
+                     }
+                     let dpropsClsName = dProps[propkey].split(' ');
+                     for (let j: number = 0; j < dpropsClsName.length; j++) {
+                        this.element.classList.add(dpropsClsName[j]);
+                     }
                  } else if (propkey !== 'disabled') {
                      delete dProps[propkey];
                  }
              }
+             else if (propkey === 'value' && nextProps[propkey] === this[propkey]) {
+                delete dProps[propkey];
+            }
+            else if ((propkey === 'valueTemplate' || propkey === 'itemTemplate') && nextProps[propkey].toString() === this[propkey].toString()) {
+                delete dProps[propkey];
+            }
          }
          if (dProps['children']) {
              delete dProps['children'];
@@ -218,6 +235,16 @@
                 ComponentBase.reactUid++;
              }
 
+        }
+         if (this.clsName) {
+            let clsList: string[] = this.element.classList;
+            let className: any =  this.htmlattributes['className'];
+            for(let i: number = 0; i < clsList.length; i++){
+                if ((className.indexOf(clsList[i]) == -1)){
+                    this.htmlattributes['className'] = this.htmlattributes['className'] + ' '+ clsList[i];
+                }  
+            }
+            this.clsName = false;
         }
         return this.htmlattributes;
     }
@@ -303,12 +330,19 @@
                  let keys: string[] = Object.keys(newProp);
                  if (keys.length !== 0) {
                      for (let key of keys) {
-                         let oldValue = oldProp[key];
-                         let newValue = newProp[key];
+                         let oldValue: any = oldProp[key];
+                         let newValue: any = newProp[key];
+                         if (key === 'items') {
+                            for(var _j=0; _j < newValue.length; _j++) {
+                                if (this.getModuleName() === 'richtexteditor' && typeof(newValue[_j]) === 'object') {
+                                    return {status: true};
+                                }
+                            }
+                        }
                          if (this.getModuleName()=== 'grid' && key === 'field') {
                             curObj[key] = newValue;
                         }
-                         if (!oldProp.hasOwnProperty(key) || !this.compareValues(newValue, oldValue)) {
+                         if (!oldProp.hasOwnProperty(key) || !this.compareValues(oldValue, newValue)) {
                              if (!propName) {
                                  return { status: false };
                              }
@@ -419,6 +453,12 @@
          }
 
      }
+
+    // tslint:disable:no-any
+    public appendReactElement (element: any, container: HTMLElement) {
+        ReactDOM.render((ReactDOM as any).createPortal(element, container), container);
+    };
+
  // tslint:disable:no-any 
      public renderReactTemplates (callback?: any): void {
          this.isReactForeceUpdate = true;
@@ -542,4 +582,4 @@
      }
  }
  /* tslint:enable:no-any */
- 
+ 

components/base/src/util.ts

@@ -33,9 +33,10 @@
      onFocus?: FocusEventHandler;
      onBlur?: FocusEventHandler;
      immediateRender?: boolean;
+     isLegacyTemplate?:boolean;
      delayUpdate?: string | boolean;
      // tslint:disable-next-line:no-any
      onChange?: any;
 
  }
- 
+ 

components/base/tsconfig.json

@@ -31,4 +31,4 @@
     "test-report"   
   ],
   "compileOnSave": false
-}
+}

components/buttons/CHANGELOG.md

@@ -2,7 +2,31 @@
 
 ## [Unreleased]
 
-## 19.4.52 (2022-02-15)
+## 19.4.53 (2022-02-22)
+
+### Radio Button
+
+#### Bug Fixes
+
+- Issue with accessing the element in the destroy method of radio button has been resolved.
+
+## 19.4.50 (2022-02-08)
+
+### Checkbox
+
+#### Bug Fixes
+
+- Issue with Checkbox value not being posted in form has been resolved.
+
+## 19.4.42 (2022-01-11)
+
+### Checkbox
+
+#### Bug Fixes
+
+- Issue with checkbox in talkback has been resolved.
+
+## 19.4.38 (2021-12-17)
 
 ### Chips
 

components/buttons/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-buttons",
-	"version": "18.29.0",
+	"version": "19.4.52",
 	"description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch. for React",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/charts/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 19.4.52 (2022-02-15)
+## 19.4.53 (2022-02-22)
 
 ### Chart
 

components/diagrams/CHANGELOG.md

@@ -2,12 +2,73 @@
 
 ## [Unreleased]
 
+## 19.4.53 (2022-02-22)
+
+### Diagram
+
+#### Bug Fixes
+
+- `SF-364857` - Now, Command/Meta key will work properly on Mac.
+
 ## 19.4.52 (2022-02-15)
 
 ### Diagram
 
 #### Bug Fixes
 
+- `SF-361654` - Connector is now rendered properly in the symbol palette while try to render as straight line.
+- `SF-360571` - Provide separate tooltip support for the group children node.
+- `SF-359118` - Now, the Scroll Bar works properly when Viewport is in Negative coordinates.
+
+## 19.4.50 (2022-02-08)
+
+### Diagram
+
+#### Bug Fixes
+
+- `SF-360650` - The Undefined exception will no longer be thrown while perform ctrl + shift + mouse click on diagram area.
+- `SF-359437` - The Undefined exception will no longer be thrown while ungroup the group node in canvas mode.
+- `SF-359860` - Node gradient color is now exported properly while export the diagram in JPG.
+- `SF-362805` - Bezier connector text element bounds is now calculated properly while drag the connector.
+- `SF-362170` - Annotation editing for the Bezier Connector is now working properly.
+- `SF-362805` - Style Property margin is now working properly for the Bezier Connector Annotation.
+- `F170870` - Resolved the exception when Flipping SVG Nodes Label.
+
+## 19.4.43 (2022-01-18)
+
+### Diagram
+
+#### Bug Fixes
+
+- `F171509` - The issue "getDiagramContent() is not working properly" has been fixed.
+
+## 19.4.42 (2022-01-11)
+
+### Diagram
+
+#### Bug Fixes
+
+- `SF-359118` - The issue "Scroll Bar is not working properly when Viewport is in Negative coordinates" has been fixed.
+- `F171398` - The issue "Exception occurs when save and load the diagram" has been fixed.
+- `SF-360354` - The issue "Symbol do not get dropped properly in the chrome android" has been fixed.
+
+## 19.4.41 (2022-01-04)
+
+### Diagram
+
+#### Bug Fixes
+
+- `SF-358407` - The issue "NodeTemplate is not rendered properly in React" has been fixed.
+- `SF-358519` - The issue "SendToBack is not working properly when re-adding shapes on diagram" has been fixed.
+- `F170870` - The issue "Ports are not flipped while flipping Node to Horizontal or Vertically" has been fixed.
+- `F170870` - The issue "Provide support to prevent label flipping while flipping the node horizontally or vertically" has been fixed.
+
+## 19.4.40 (2021-12-28)
+
+### Diagram
+
+#### Bug Fixes
+
 - `F171088` - The issue "Multiple selection tool not working properly" has been fixed.
 - `SF-353924` - The issue "Drag and drop element from tree-view to Diagram does not behave correctly" has been fixed.
 - `SF-333944` - The issue "Exception raises when perform sendBackward with native node" has been fixed.

components/diagrams/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-diagrams",
-	"version": "19.4.38",
+	"version": "19.4.52",
 	"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/documenteditor/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 19.4.52 (2022-02-15)
+## 19.4.53 (2022-02-22)
 
 ### Document Editor
 

components/dropdowns/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 19.4.52 (2022-02-15)
+## 19.4.53 (2022-02-22)
 
 ### MultiSelect