v22.2.5 is released

Author: pipeline

components/base/CHANGELOG.md

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

components/base/package.json

@@ -327,6 +327,14 @@ export class ComponentBase<P, S> extends React.Component<P, S> {
                 }
                 return this.compareObjects(tempVal, tempVal2).status;
             }
+            if (value1.constructor &&
+                value1.constructor.name === value2.constructor.name &&
+                (value1.constructor.name === 'Query' ||
+                value1.constructor.name === 'DataManager')) {
+                if (JSON.stringify(value1) === JSON.stringify(value2)) {
+                    return true;
+                }
+            }
         }
         return false;
     }
@@ -373,6 +381,9 @@ export class ComponentBase<P, S> extends React.Component<P, S> {
                     }
                     status = false;
                 }
+                if (this.getModuleName() === 'grid' && propName === 'columns' && isNullOrUndefined(curObj['field'])) {
+                    curObj['field'] = undefined;
+                }
                 if (Object.keys(curObj).length) {
                     diffArray.push({ index: i, value: curObj, key: propName });
                 }

components/base/src/component-base.ts

@@ -5,11 +5,11 @@ import { setTemplateEngine, getTemplateEngine, detach, extend } from '@syncfusio
 import * as ReactDOM from 'react-dom';
 import * as React from 'react';
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const stringCompiler: (template: string, helper?: object) => (data: Object | JSON) => string = getTemplateEngine();
+const stringCompiler: (template: string | Function, helper?: object) => (data: Object | JSON) => string = getTemplateEngine();
 // eslint-disable-next-line
 export function compile(templateElement: any, helper?: Object):
 (data: Object | JSON, component?: any, propName?: any, element?: any) => Object {
-    if (typeof templateElement === 'string') {
+    if (typeof templateElement === 'string' || (templateElement.prototype && templateElement.prototype.CSPTemplate && typeof templateElement === 'function')) {
         return stringCompiler(templateElement, helper);
     } else {
         return (data: any, component: any, prop: string, element: any): any => {

components/base/src/template.ts

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-buttons",
-	"version": "21.2.3",
+	"version": "22.1.39",
 	"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/buttons/CHANGELOG.md

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-buttons/styles/button/material3-dark.scss';

components/buttons/package.json

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-buttons/styles/button/material3.scss';

components/buttons/styles/button/material3-dark.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-buttons/styles/check-box/material3-dark.scss';

components/buttons/styles/button/material3.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-buttons/styles/check-box/material3.scss';

components/buttons/styles/check-box/material3-dark.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-buttons/styles/chips/material3-dark.scss';

components/buttons/styles/check-box/material3.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-buttons/styles/chips/material3.scss';

components/buttons/styles/chips/material3-dark.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-buttons/styles/floating-action-button/material3-dark.scss';

components/buttons/styles/chips/material3.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-buttons/styles/floating-action-button/material3.scss';

components/buttons/styles/floating-action-button/material3-dark.scss

@@ -0,0 +1,8 @@
+
+@import 'button/material3-dark.scss';
+@import 'check-box/material3-dark.scss';
+@import 'radio-button/material3-dark.scss';
+@import 'switch/material3-dark.scss';
+@import 'chips/material3-dark.scss';
+@import 'floating-action-button/material3-dark.scss';
+@import 'speed-dial/material3-dark.scss';

components/buttons/styles/floating-action-button/material3.scss

@@ -0,0 +1,8 @@
+
+@import 'button/material3.scss';
+@import 'check-box/material3.scss';
+@import 'radio-button/material3.scss';
+@import 'switch/material3.scss';
+@import 'chips/material3.scss';
+@import 'floating-action-button/material3.scss';
+@import 'speed-dial/material3.scss';

components/buttons/styles/material3-dark.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-buttons/styles/radio-button/material3-dark.scss';

components/buttons/styles/material3.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-buttons/styles/radio-button/material3.scss';

components/buttons/styles/radio-button/material3-dark.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-buttons/styles/speed-dial/material3-dark.scss';

components/buttons/styles/radio-button/material3.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-buttons/styles/speed-dial/material3.scss';

components/buttons/styles/speed-dial/material3-dark.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-buttons/styles/switch/material3-dark.scss';

components/buttons/styles/speed-dial/material3.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-buttons/styles/switch/material3.scss';

components/buttons/styles/switch/material3-dark.scss

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-calendars",
-	"version": "21.2.3",
+	"version": "22.1.38",
 	"description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization. for React",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/buttons/styles/switch/material3.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-calendars/styles/calendar/material3-dark.scss';

components/buttons/umd-deploy/styles/bootstrap-dark.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-calendars/styles/calendar/material3.scss';

components/buttons/umd-deploy/styles/bootstrap.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-calendars/styles/datepicker/material3-dark.scss';

components/buttons/umd-deploy/styles/bootstrap4.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-calendars/styles/datepicker/material3.scss';

components/buttons/umd-deploy/styles/bootstrap5-dark.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-calendars/styles/daterangepicker/material3-dark.scss';

components/buttons/umd-deploy/styles/bootstrap5.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-calendars/styles/daterangepicker/material3.scss';

components/buttons/umd-deploy/styles/button/bootstrap-dark.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/material3-dark.scss';

components/buttons/umd-deploy/styles/button/bootstrap.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/material3.scss';

components/buttons/umd-deploy/styles/button/bootstrap4.scss

@@ -0,0 +1,6 @@
+
+@import 'calendar/material3-dark.scss';
+@import 'timepicker/material3-dark.scss';
+@import 'datepicker/material3-dark.scss';
+@import 'daterangepicker/material3-dark.scss';
+@import 'datetimepicker/material3-dark.scss';

components/buttons/umd-deploy/styles/button/bootstrap5-dark.scss

@@ -0,0 +1,6 @@
+
+@import 'calendar/material3.scss';
+@import 'timepicker/material3.scss';
+@import 'datepicker/material3.scss';
+@import 'daterangepicker/material3.scss';
+@import 'datetimepicker/material3.scss';

components/buttons/umd-deploy/styles/button/bootstrap5.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-calendars/styles/timepicker/material3-dark.scss';

components/buttons/umd-deploy/styles/button/fabric-dark.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-calendars/styles/timepicker/material3.scss';