@syncfusion/ej2-querybuilder 21.2.4 → 22.1.34

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.4
+*  version : 22.1.34
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-querybuilder@*",
-  "_id": "@syncfusion/ej2-querybuilder@21.2.3",
+  "_id": "@syncfusion/ej2-querybuilder@18.24.1",
   "_inBundle": false,
-  "_integrity": "sha512-OHwQTyMyPmtJw0BPHVBQrc0jigTbxjWa+78HafNPROaXb5gb1XMi6kqr9oYuxDh9SfEkgAOcoG0swwXR/Kchiw==",
+  "_integrity": "sha512-dnkNGldsTgLr67ZY2I6RDOBw4ox4YWjryIXdUv0N90OlnNbIWFplRDsA2orB9lQ6lGwTG6wINbXO0gVX0+ErBA==",
   "_location": "/@syncfusion/ej2-querybuilder",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-querybuilder",
     "/@syncfusion/ej2-vue-querybuilder"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-21.2.3.tgz",
-  "_shasum": "88f4c6542e5620ea68abcb53f607e0a071d9307d",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-18.24.1.tgz",
+  "_shasum": "4e0221fd832db21a21411029f3386f41bb9c9e5d",
   "_spec": "@syncfusion/ej2-querybuilder@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -32,12 +32,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.3",
-    "@syncfusion/ej2-buttons": "~21.2.3",
-    "@syncfusion/ej2-calendars": "~21.2.4",
-    "@syncfusion/ej2-dropdowns": "~21.2.4",
-    "@syncfusion/ej2-inputs": "~21.2.4",
-    "@syncfusion/ej2-splitbuttons": "~21.2.3"
+    "@syncfusion/ej2-base": "~22.1.34",
+    "@syncfusion/ej2-buttons": "~22.1.34",
+    "@syncfusion/ej2-calendars": "~22.1.34",
+    "@syncfusion/ej2-dropdowns": "~22.1.34",
+    "@syncfusion/ej2-inputs": "~22.1.34",
+    "@syncfusion/ej2-splitbuttons": "~22.1.34"
   },
   "deprecated": false,
   "description": "Essential JS 2 QueryBuilder",
@@ -66,7 +66,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/querybuilder"
   },
   "typings": "index.d.ts",
-  "version": "21.2.4",
+  "version": "22.1.34",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/query-builder/query-builder-model.d.ts

@@ -46,15 +46,17 @@ export interface ColumnsModel {
      * Specifies the rule template for the field with any other widgets.
      *
      * @default null
+     * @aspType string
      */
-    ruleTemplate?: string;
+    ruleTemplate?: string | Function;
 
     /**
      * Specifies the template for value field such as slider or any other widgets.
      *
      * @default null
+     * @aspType string
      */
-    template?: TemplateColumn | string;
+    template?: TemplateColumn | string | Function;
 
     /**
      * Specifies the validation for columns (text, number and date).
@@ -350,8 +352,9 @@ export interface QueryBuilderModel extends ComponentModel{
      * Specifies the template for the header with any other widgets.
      *
      * @default null
+     * @aspType string
      */
-    headerTemplate?: string;
+    headerTemplate?: string | Function;
 
     /**
      * Defines class or multiple classes, which are separated by a space in the QueryBuilder element.

package/src/query-builder/query-builder.d.ts

@@ -51,14 +51,16 @@ export declare class Columns extends ChildProperty<Columns> {
      * Specifies the rule template for the field with any other widgets.
      *
      * @default null
+     * @aspType string
      */
-    ruleTemplate: string;
+    ruleTemplate: string | Function;
     /**
      * Specifies the template for value field such as slider or any other widgets.
      *
      * @default null
+     * @aspType string
      */
-    template: TemplateColumn | string;
+    template: TemplateColumn | string | Function;
     /**
      * Specifies the validation for columns (text, number and date).
      *
@@ -395,8 +397,9 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
      * Specifies the template for the header with any other widgets.
      *
      * @default null
+     * @aspType string
      */
-    headerTemplate: string;
+    headerTemplate: string | Function;
     /**
      * Defines class or multiple classes, which are separated by a space in the QueryBuilder element.
      * You can add custom styles to the QueryBuilder using the cssClass property.

package/src/query-builder/query-builder.js

@@ -2064,7 +2064,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                 getValue(template.write, window)({ elements: tempElements.length > 1 ? tempElements : tempElements[0], values: rule.value,
                     operator: tempRule.operator, field: column.field, dataSource: column.values });
             }
-            else {
+            else if (typeof itemData.template !== 'function') {
                 itemData.template.write({ elements: tempElements.length > 1 ? tempElements : tempElements[0],
                     values: rule.value, operator: tempRule.operator, field: column.field, dataSource: column.values });
             }
@@ -2556,7 +2556,7 @@ var QueryBuilder = /** @class */ (function (_super) {
     QueryBuilder.prototype.actionBeginSuccessCallBack = function (args, itemData, ruleID, field, target) {
         if (args.renderTemplate) {
             var valElem = void 0;
-            this.columnTemplateFn = this.templateParser(itemData.template);
+            this.columnTemplateFn = this.templateParser(typeof itemData.template === 'function' ? itemData.template : itemData.template);
             var templateID = this.element.id + field;
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             if (this.isReact) {
@@ -3427,7 +3427,7 @@ var QueryBuilder = /** @class */ (function (_super) {
     QueryBuilder.prototype.templateParser = function (template) {
         if (template) {
             try {
-                if (document.querySelectorAll(template).length) {
+                if (typeof template !== 'function' && document.querySelectorAll(template).length) {
                     return templateCompiler(document.querySelector(template).innerHTML.trim());
                 }
                 else {