@syncfusion/ej2-react-querybuilder 20.4.51 → 21.1.35

package/CHANGELOG.md

@@ -6,35 +6,23 @@
 
 #### Bug Fixes
 
-- `#I430220` - Issue with Value template issue with complex data binding of query builder has been fixed.
 - `#I428779` - Issue with Providing the single quotes in SQL string support to query builder has been fixed.
-
-## 20.4.42 (2023-01-04)
+- `#I430220` - Issue with Value template issue with complex data binding of query builder has been fixed.
 
 ### QueryBuilder
 
 #### Bug Fixes
 
 - `#F31632` -  Accessibility issue in Query Builder has been resolved.
-
-## 20.4.40 (2022-12-28)
-
-### QueryBuilder
-
-#### Bug Fixes
-
 - `#F178375` - Issue with Browser window get freezes when we set the Invalid SQL rule to query builder has been fixed.
 - `#I423706` - Issue with Field Dropdown list popups get collapses when we use `validateFields` method in query builder has been fixed
 
-## 20.4.38 (2022-12-21)
-
 ### QueryBuilder
 
 #### Bug Fixes
 
 - `#F420982` - Issue with `getValidRules` method of query builder returns empty group has been fixed.
 - `#I404520` - Provided Localization support SQL query builder operators.
-- `#F178375` - Issue with Browser window get freezes when we set the Invalid SQL rule to query builder has been fixed.
 - `#I408324` - Issue with Script errors throwing in validating query builder fields while double click has been fixed.
 - `#I408658` - Issue with Value getting removed while closing fields Dropdown without change the value when we set rule property of query builder has been fixed
 

package/diConfig.json

@@ -32,6 +32,7 @@
         "url": "https://github.com/syncfusion/ej2-angular-ui-components"
     },
     "eventInterfaces": ["ChangeEventArgs", "RuleChangeEventArgs"],
+    "statelessTemplateProps": ["headerTemplate"],
     "components": [
         {
             "baseClass": "QueryBuilder",

package/dist/ej2-react-querybuilder.min.js

@@ -1,10 +1,10 @@
 /*!
 *  filename: ej2-react-querybuilder.min.js
-*  version : 20.4.51
+*  version : 21.1.35
 *  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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("SyncfusionQuerybuilder"),require("SyncfusionReactBase"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionQuerybuilder","SyncfusionReactBase","React"],t):"object"==typeof exports?exports.SyncfusionReactQuerybuilder=t(require("SyncfusionQuerybuilder"),require("SyncfusionReactBase"),require("React")):e.SyncfusionReactQuerybuilder=t(e.SyncfusionQuerybuilder,e.SyncfusionReactBase,e.React)}(this,function(e,t,n){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=3)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";var r=n(4);n.d(t,"a",function(){return r.a}),n.d(t,"b",function(){return r.b});var o=n(5);n.d(t,"c",function(){return o.a})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);n.d(t,"ColumnDirective",function(){return r.a}),n.d(t,"ColumnsDirective",function(){return r.b}),n.d(t,"QueryBuilderComponent",function(){return r.c});var o=n(0);n.n(o);for(var u in o)["ColumnDirective","ColumnsDirective","QueryBuilderComponent","default"].indexOf(u)<0&&function(e){n.d(t,e,function(){return o[e]})}(u)},function(e,t,n){"use strict";n.d(t,"a",function(){return u}),n.d(t,"b",function(){return i});var r=n(1),o=(n.n(r),this&&this.__extends||function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.moduleName="column",t}(r.ComplexBase),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propertyName="columns",t.moduleName="columns",t}(r.ComplexBase)},function(e,t,n){"use strict";n.d(t,"a",function(){return c});var r=n(6),o=(n.n(r),n(0)),u=(n.n(o),n(1)),i=(n.n(u),this&&this.__extends||function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={columns:"column"},n.immediateRender=!1,n.portals=[],n}return i(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(o.QueryBuilder);n.i(u.applyMixins)(c,[u.ComponentBase,r.Component])},function(e,t){e.exports=n}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("SyncfusionQuerybuilder"),require("SyncfusionReactBase"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionQuerybuilder","SyncfusionReactBase","React"],t):"object"==typeof exports?exports.SyncfusionReactQuerybuilder=t(require("SyncfusionQuerybuilder"),require("SyncfusionReactBase"),require("React")):e.SyncfusionReactQuerybuilder=t(e.SyncfusionQuerybuilder,e.SyncfusionReactBase,e.React)}(this,function(e,t,n){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=3)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";var r=n(4);n.d(t,"a",function(){return r.a}),n.d(t,"b",function(){return r.b});var o=n(5);n.d(t,"c",function(){return o.a})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);n.d(t,"ColumnDirective",function(){return r.a}),n.d(t,"ColumnsDirective",function(){return r.b}),n.d(t,"QueryBuilderComponent",function(){return r.c});var o=n(0);n.n(o);for(var u in o)["ColumnDirective","ColumnsDirective","QueryBuilderComponent","default"].indexOf(u)<0&&function(e){n.d(t,e,function(){return o[e]})}(u)},function(e,t,n){"use strict";n.d(t,"a",function(){return u}),n.d(t,"b",function(){return i});var r=n(1),o=(n.n(r),this&&this.__extends||function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.moduleName="column",t}(r.ComplexBase),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propertyName="columns",t.moduleName="columns",t}(r.ComplexBase)},function(e,t,n){"use strict";n.d(t,"a",function(){return c});var r=n(6),o=(n.n(r),n(0)),u=(n.n(o),n(1)),i=(n.n(u),this&&this.__extends||function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={columns:"column"},n.statelessTemplateProps=null,n.immediateRender=!1,n.portals=[],n}return i(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(o.QueryBuilder);n.i(u.applyMixins)(c,[u.ComponentBase,r.Component])},function(e,t){e.exports=n}])});

package/dist/ej2-react-querybuilder.umd.min.js

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-react-querybuilder.umd.min.js
-*  version : 20.4.51
+*  version : 21.1.35
 *  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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-querybuilder")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-querybuilder"],t):t(e.ej={},e.ej2ReactBase,e.React,e.ej2Querybuilder)}(this,function(e,t,n,r){"use strict";var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.moduleName="column",t}(t.ComplexBase),u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propertyName="columns",t.moduleName="columns",t}(t.ComplexBase),c=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),s=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={columns:"column"},n.immediateRender=!1,n.portals=[],n}return c(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(r.QueryBuilder);t.applyMixins(s,[t.ComponentBase,n.Component]),e.ColumnDirective=i,e.ColumnsDirective=u,e.QueryBuilderComponent=s,Object.keys(r).forEach(function(t){e[t]=r[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-querybuilder")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-querybuilder"],t):t(e.ej={},e.ej2ReactBase,e.React,e.ej2Querybuilder)}(this,function(e,t,n,r){"use strict";var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.moduleName="column",t}(t.ComplexBase),u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propertyName="columns",t.moduleName="columns",t}(t.ComplexBase),c=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),s=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={columns:"column"},n.statelessTemplateProps=null,n.immediateRender=!1,n.portals=[],n}return c(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(r.QueryBuilder);t.applyMixins(s,[t.ComponentBase,n.Component]),e.ColumnDirective=i,e.ColumnsDirective=u,e.QueryBuilderComponent=s,Object.keys(r).forEach(function(t){e[t]=r[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-querybuilder.umd.min.js.map

package/dist/ej2-react-querybuilder.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-querybuilder.umd.min.js","sources":["../src/query-builder/columns-directive.js","../src/query-builder/querybuilder.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react QueryBuilder.\n * It must be contained in a QueryBuilder component(`GridComponent`).\n * ```tsx\n * <QueryBuilderComponent dataSource={data}>\n *   <ColumnsDirective>\n *     <ColumnDirective field='ID' label='ID' type='number'></ColumnDirective>\n *     <ColumnDirective field='Date' label='Date' type='date' format='dd/MM/yyyy'></ColumnDirective>\n *   <ColumnsDirective>\n * </QueryBuilderComponent>\n * ```\n */\nvar ColumnDirective = /** @class */ (function (_super) {\n    __extends(ColumnDirective, _super);\n    function ColumnDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ColumnDirective.moduleName = 'column';\n    return ColumnDirective;\n}(ComplexBase));\nexport { ColumnDirective };\nvar ColumnsDirective = /** @class */ (function (_super) {\n    __extends(ColumnsDirective, _super);\n    function ColumnsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ColumnsDirective.propertyName = 'columns';\n    ColumnsDirective.moduleName = 'columns';\n    return ColumnsDirective;\n}(ComplexBase));\nexport { ColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { QueryBuilder } from '@syncfusion/ej2-querybuilder';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React QueryBuilder Component\n * ```html\n * <QueryBuilderComponent></QueryBuilderComponent>\n * ```\n */\nvar QueryBuilderComponent = /** @class */ (function (_super) {\n    __extends(QueryBuilderComponent, _super);\n    function QueryBuilderComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.directivekeys = { 'columns': 'column' };\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    QueryBuilderComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return QueryBuilderComponent;\n}(QueryBuilder));\nexport { QueryBuilderComponent };\napplyMixins(QueryBuilderComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","ColumnDirective","_super","apply","arguments","moduleName","ComplexBase","ColumnsDirective","propertyName","QueryBuilderComponent","props","_this","call","initRenderCalled","checkInjectedModules","directivekeys","columns","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","QueryBuilder","ej2ReactBase","ComponentBase","React.Component"],"mappings":"uYAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GA0BxCK,EAAiC,SAAUC,GAE3C,SAASD,IACL,OAAkB,OAAXC,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAG/D,OALAX,EAAUe,EAAiBC,GAI3BD,EAAgBI,WAAa,SACtBJ,GACTK,eAEEC,EAAkC,SAAUL,GAE5C,SAASK,IACL,OAAkB,OAAXL,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAI/D,OANAX,EAAUqB,EAAkBL,GAI5BK,EAAiBC,aAAe,UAChCD,EAAiBF,WAAa,UACvBE,GACTD,eC3CEpB,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCa,EAAuC,SAAUP,GAEjD,SAASO,EAAsBC,GAC3B,IAAIC,EAAQT,EAAOU,KAAKf,KAAMa,IAAUb,KAMxC,OALAc,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,eAAkBC,QAAW,UACnCL,EAAMM,iBAAkB,EACxBN,EAAMO,WACCP,EAWX,OAnBAzB,EAAUuB,EAAuBP,GAUjCO,EAAsBV,UAAUoB,OAAS,WACrC,KAAMtB,KAAKuB,UAAYvB,KAAKgB,kBAAqBhB,KAAKwB,aAAgBxB,KAAKyB,oBAKvE,OAAOC,gBAAoB,MAAO1B,KAAK2B,0BAA2BC,OAAO5B,KAAKa,MAAMgB,SAAU7B,KAAKqB,UAJnGhB,EAAOH,UAAUoB,OAAOP,KAAKf,MAC7BA,KAAKgB,kBAAmB,GAMzBJ,GACTkB,gBACFC,cACYnB,GAAwBoB,gBAAeC"}
+{"version":3,"file":"ej2-react-querybuilder.umd.min.js","sources":["../src/query-builder/columns-directive.js","../src/query-builder/querybuilder.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react QueryBuilder.\n * It must be contained in a QueryBuilder component(`GridComponent`).\n * ```tsx\n * <QueryBuilderComponent dataSource={data}>\n *   <ColumnsDirective>\n *     <ColumnDirective field='ID' label='ID' type='number'></ColumnDirective>\n *     <ColumnDirective field='Date' label='Date' type='date' format='dd/MM/yyyy'></ColumnDirective>\n *   <ColumnsDirective>\n * </QueryBuilderComponent>\n * ```\n */\nvar ColumnDirective = /** @class */ (function (_super) {\n    __extends(ColumnDirective, _super);\n    function ColumnDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ColumnDirective.moduleName = 'column';\n    return ColumnDirective;\n}(ComplexBase));\nexport { ColumnDirective };\nvar ColumnsDirective = /** @class */ (function (_super) {\n    __extends(ColumnsDirective, _super);\n    function ColumnsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ColumnsDirective.propertyName = 'columns';\n    ColumnsDirective.moduleName = 'columns';\n    return ColumnsDirective;\n}(ComplexBase));\nexport { ColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { QueryBuilder } from '@syncfusion/ej2-querybuilder';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React QueryBuilder Component\n * ```html\n * <QueryBuilderComponent></QueryBuilderComponent>\n * ```\n */\nvar QueryBuilderComponent = /** @class */ (function (_super) {\n    __extends(QueryBuilderComponent, _super);\n    function QueryBuilderComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.directivekeys = { 'columns': 'column' };\n        _this.statelessTemplateProps = null;\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    QueryBuilderComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return QueryBuilderComponent;\n}(QueryBuilder));\nexport { QueryBuilderComponent };\napplyMixins(QueryBuilderComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","ColumnDirective","_super","apply","arguments","moduleName","ComplexBase","ColumnsDirective","propertyName","QueryBuilderComponent","props","_this","call","initRenderCalled","checkInjectedModules","directivekeys","columns","statelessTemplateProps","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","QueryBuilder","ej2ReactBase","ComponentBase","React.Component"],"mappings":"uYAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GA0BxCK,EAAiC,SAAUC,GAE3C,SAASD,IACL,OAAkB,OAAXC,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAG/D,OALAX,EAAUe,EAAiBC,GAI3BD,EAAgBI,WAAa,SACtBJ,GACTK,eAEEC,EAAkC,SAAUL,GAE5C,SAASK,IACL,OAAkB,OAAXL,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAI/D,OANAX,EAAUqB,EAAkBL,GAI5BK,EAAiBC,aAAe,UAChCD,EAAiBF,WAAa,UACvBE,GACTD,eC3CEpB,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCa,EAAuC,SAAUP,GAEjD,SAASO,EAAsBC,GAC3B,IAAIC,EAAQT,EAAOU,KAAKf,KAAMa,IAAUb,KAOxC,OANAc,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,eAAkBC,QAAW,UACnCL,EAAMM,uBAAyB,KAC/BN,EAAMO,iBAAkB,EACxBP,EAAMQ,WACCR,EAWX,OApBAzB,EAAUuB,EAAuBP,GAWjCO,EAAsBV,UAAUqB,OAAS,WACrC,KAAMvB,KAAKwB,UAAYxB,KAAKgB,kBAAqBhB,KAAKyB,aAAgBzB,KAAK0B,oBAKvE,OAAOC,gBAAoB,MAAO3B,KAAK4B,0BAA2BC,OAAO7B,KAAKa,MAAMiB,SAAU9B,KAAKsB,UAJnGjB,EAAOH,UAAUqB,OAAOR,KAAKf,MAC7BA,KAAKgB,kBAAmB,GAMzBJ,GACTmB,gBACFC,cACYpB,GAAwBqB,gBAAeC"}

package/dist/es6/ej2-react-querybuilder.es2015.js

@@ -34,6 +34,7 @@ class QueryBuilderComponent extends QueryBuilder {
         this.initRenderCalled = false;
         this.checkInjectedModules = false;
         this.directivekeys = { 'columns': 'column' };
+        this.statelessTemplateProps = null;
         this.immediateRender = false;
         this.portals = [];
     }

package/dist/es6/ej2-react-querybuilder.es2015.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-querybuilder.es2015.js","sources":["../src/es6/query-builder/columns-directive.js","../src/es6/query-builder/querybuilder.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react QueryBuilder.\n * It must be contained in a QueryBuilder component(`GridComponent`).\n * ```tsx\n * <QueryBuilderComponent dataSource={data}>\n *   <ColumnsDirective>\n *     <ColumnDirective field='ID' label='ID' type='number'></ColumnDirective>\n *     <ColumnDirective field='Date' label='Date' type='date' format='dd/MM/yyyy'></ColumnDirective>\n *   <ColumnsDirective>\n * </QueryBuilderComponent>\n * ```\n */\nexport class ColumnDirective extends ComplexBase {\n}\nColumnDirective.moduleName = 'column';\nexport class ColumnsDirective extends ComplexBase {\n}\nColumnsDirective.propertyName = 'columns';\nColumnsDirective.moduleName = 'columns';\n","import * as React from 'react';\nimport { QueryBuilder } from '@syncfusion/ej2-querybuilder';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React QueryBuilder Component\n * ```html\n * <QueryBuilderComponent></QueryBuilderComponent>\n * ```\n */\nexport class QueryBuilderComponent extends QueryBuilder {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'columns': 'column' };\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(QueryBuilderComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AACA;;;;;;;;;;;;AAYA,AAAO,MAAM,eAAe,SAAS,WAAW,CAAC;CAChD;AACD,eAAe,CAAC,UAAU,GAAG,QAAQ,CAAC;AACtC,AAAO,MAAM,gBAAgB,SAAS,WAAW,CAAC;CACjD;AACD,gBAAgB,CAAC,YAAY,GAAG,SAAS,CAAC;AAC1C,gBAAgB,CAAC,UAAU,GAAG,SAAS,CAAC;;AChBxC;;;;;;AAMA,AAAO,MAAM,qBAAqB,SAAS,YAAY,CAAC;IACpD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,IAAI,CAAC,aAAa,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;QAC7C,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,qBAAqB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;"}
+{"version":3,"file":"ej2-react-querybuilder.es2015.js","sources":["../src/es6/query-builder/columns-directive.js","../src/es6/query-builder/querybuilder.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react QueryBuilder.\n * It must be contained in a QueryBuilder component(`GridComponent`).\n * ```tsx\n * <QueryBuilderComponent dataSource={data}>\n *   <ColumnsDirective>\n *     <ColumnDirective field='ID' label='ID' type='number'></ColumnDirective>\n *     <ColumnDirective field='Date' label='Date' type='date' format='dd/MM/yyyy'></ColumnDirective>\n *   <ColumnsDirective>\n * </QueryBuilderComponent>\n * ```\n */\nexport class ColumnDirective extends ComplexBase {\n}\nColumnDirective.moduleName = 'column';\nexport class ColumnsDirective extends ComplexBase {\n}\nColumnsDirective.propertyName = 'columns';\nColumnsDirective.moduleName = 'columns';\n","import * as React from 'react';\nimport { QueryBuilder } from '@syncfusion/ej2-querybuilder';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React QueryBuilder Component\n * ```html\n * <QueryBuilderComponent></QueryBuilderComponent>\n * ```\n */\nexport class QueryBuilderComponent extends QueryBuilder {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'columns': 'column' };\n        this.statelessTemplateProps = null;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(QueryBuilderComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AACA;;;;;;;;;;;;AAYA,AAAO,MAAM,eAAe,SAAS,WAAW,CAAC;CAChD;AACD,eAAe,CAAC,UAAU,GAAG,QAAQ,CAAC;AACtC,AAAO,MAAM,gBAAgB,SAAS,WAAW,CAAC;CACjD;AACD,gBAAgB,CAAC,YAAY,GAAG,SAAS,CAAC;AAC1C,gBAAgB,CAAC,UAAU,GAAG,SAAS,CAAC;;AChBxC;;;;;;AAMA,AAAO,MAAM,qBAAqB,SAAS,YAAY,CAAC;IACpD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,IAAI,CAAC,aAAa,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;QAC7C,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,qBAAqB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-querybuilder@*",
-  "_id": "@syncfusion/ej2-react-querybuilder@20.4.48",
+  "_id": "@syncfusion/ej2-react-querybuilder@18.23.1",
   "_inBundle": false,
-  "_integrity": "sha512-skfCQzQBpMDFFtbAFdULuwqsjYOgmBzifygshjKGcoX5C89w22YFvPJInsoVRoQF538oyCiI5W39vkdcsuXh1w==",
+  "_integrity": "sha512-3qYYUGhYLor2+1O4EPAhbHtTrsLvfSwiJM6/On0anFybi3ep6dmZRbGVcSjEpc30CQvfGg9YnGvooq+fes1Peg==",
   "_location": "/@syncfusion/ej2-react-querybuilder",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-querybuilder/-/ej2-react-querybuilder-20.4.48.tgz",
-  "_shasum": "d3a470d632fe9dfd3dbf0f776be6997876216521",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-querybuilder/-/ej2-react-querybuilder-18.23.1.tgz",
+  "_shasum": "57c9430aaa78fbd322deaadf55a71ae5c5e7f3d2",
   "_spec": "@syncfusion/ej2-react-querybuilder@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-querybuilder": "20.4.51",
-    "@syncfusion/ej2-react-base": "~20.4.48"
+    "@syncfusion/ej2-base": "~21.1.35",
+    "@syncfusion/ej2-querybuilder": "21.1.35",
+    "@syncfusion/ej2-react-base": "~21.1.35"
   },
   "deprecated": false,
   "description": "Essential JS 2 QueryBuilder for React",
@@ -56,6 +56,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.4.51",
+  "version": "21.1.35",
   "sideEffects": false
 }

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

@@ -21,6 +21,7 @@ export declare class QueryBuilderComponent extends QueryBuilder {
     directivekeys: {
         [key: string]: Object;
     };
+    private statelessTemplateProps;
     private immediateRender;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];

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

@@ -27,6 +27,7 @@ var QueryBuilderComponent = /** @class */ (function (_super) {
         _this.initRenderCalled = false;
         _this.checkInjectedModules = false;
         _this.directivekeys = { 'columns': 'column' };
+        _this.statelessTemplateProps = null;
         _this.immediateRender = false;
         _this.portals = [];
         return _this;

package/styles/bootstrap-dark.css

@@ -385,7 +385,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -678,12 +678,20 @@
 }
 
 .e-query-builder {
-  background-color: #1a1a1a;
+  background: #1a1a1a;
   border-color: #484848;
 }
 .e-query-builder .e-group-header .e-btn-group {
   border-color: #484848;
 }
+.e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
+  border-left: 1px solid #484848;
+  border-right: 1px solid #484848;
+}
+.e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-active-toggle {
+  border-left: 1px solid #0070f0;
+  border-right: 1px solid #0070f0;
+}
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-not {
   border-right: transparent;
 }
@@ -691,14 +699,14 @@
   border-color: #484848;
 }
 .e-query-builder .e-rule-container {
-  background-color: #131313;
+  background: #131313;
   border-color: #484848;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #9c9c9c;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: #1a1a1a;
+  background: #1a1a1a;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #9c9c9c;
@@ -712,27 +720,27 @@
   border-right: transparent;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #131313;
+  background: #131313;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: #1a1a1a;
+  background: #1a1a1a;
   color: #f0f0f0;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: #1a1a1a;
+  background: #1a1a1a;
   border-color: #acacac;
   color: #f0f0f0;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #484848;
+  background: #484848;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #fcdbe4;
+  background: #fcdbe4;
   border-color: #fcdbe4;
 }
 

package/styles/bootstrap.css

@@ -383,7 +383,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -676,7 +676,7 @@
 }
 
 .e-query-builder {
-  background-color: #fff;
+  background: #fff;
   border-color: #ddd;
 }
 .e-query-builder .e-group-header .e-btn-group {
@@ -689,14 +689,14 @@
   border-color: #ddd;
 }
 .e-query-builder .e-rule-container {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   border-color: #ddd;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #ddd;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: #fff;
+  background: #fff;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #ddd;
@@ -710,27 +710,27 @@
   border-right: transparent;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: #fff;
+  background: #fff;
   color: #333;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: #fff;
+  background: #fff;
   border-color: #ccc;
   color: #333;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #ddd;
+  background: #ddd;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #fcdbe4;
+  background: #fcdbe4;
   border-color: #fcdbe4;
 }
 

package/styles/bootstrap4.css

@@ -463,7 +463,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -756,7 +756,7 @@
 }
 
 .e-query-builder {
-  background-color: #fff;
+  background: #fff;
   border-color: #dee2e6;
 }
 .e-query-builder .e-group-header .e-btn-group {
@@ -777,14 +777,14 @@
   border-color: #dee2e6;
 }
 .e-query-builder .e-rule-container {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   border-color: #dee2e6;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #dee2e6;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: #fff;
+  background: #fff;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #dee2e6;
@@ -803,28 +803,28 @@
   color: #495057;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #6c757d;
-  background-color: #fff;
+  background: #6c757d;
+  background: #fff;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: #fff;
+  background: #fff;
   color: #212529;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: #fff;
+  background: #fff;
   border-color: #dee2e6;
   color: #212529;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #dee2e6;
+  background: #dee2e6;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #fcdbe4;
+  background: #fcdbe4;
   border-color: #fcdbe4;
 }
 

package/styles/bootstrap5-dark.css

@@ -433,7 +433,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -726,7 +726,7 @@
 }
 
 .e-query-builder {
-  background-color: transparent;
+  background: transparent;
   border-color: #444c54;
 }
 .e-query-builder .e-group-header .e-btn-group {
@@ -734,7 +734,7 @@
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
 .e-query-builder .e-deletegroup {
-  background-color: #212529;
+  background: #212529;
   box-shadow: none;
   color: #adb5bd;
 }
@@ -742,14 +742,14 @@
   border-color: #444c54;
 }
 .e-query-builder .e-rule-container {
-  background-color: #282d31;
+  background: #282d31;
   border-color: #444c54;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #444c54;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: transparent;
+  background: transparent;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #444c54;
@@ -760,29 +760,29 @@
   color: #fff;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #6c757d;
-  background-color: #212529;
+  background: #6c757d;
+  background: #212529;
   color: #adb5bd;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: transparent;
+  background: transparent;
   color: #6c757d;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: transparent;
+  background: transparent;
   border-color: #444c54;
   color: #6c757d;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #444c54;
+  background: #444c54;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #fadfe2;
+  background: #fadfe2;
   border-color: #fadfe2;
 }
 

package/styles/bootstrap5.css

@@ -433,7 +433,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -726,7 +726,7 @@
 }
 
 .e-query-builder {
-  background-color: transparent;
+  background: transparent;
   border-color: #dee2e6;
 }
 .e-query-builder .e-group-header .e-btn-group {
@@ -734,7 +734,7 @@
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
 .e-query-builder .e-deletegroup {
-  background-color: #fff;
+  background: #fff;
   box-shadow: none;
   color: #6c757d;
 }
@@ -742,14 +742,14 @@
   border-color: #dee2e6;
 }
 .e-query-builder .e-rule-container {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   border-color: #dee2e6;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #dee2e6;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: transparent;
+  background: transparent;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #dee2e6;
@@ -760,29 +760,29 @@
   color: #fff;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #6c757d;
-  background-color: #fff;
+  background: #6c757d;
+  background: #fff;
   color: #6c757d;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: transparent;
+  background: transparent;
   color: #6c757d;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: transparent;
+  background: transparent;
   border-color: #dee2e6;
   color: #6c757d;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #dee2e6;
+  background: #dee2e6;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #f8d7da;
+  background: #f8d7da;
   border-color: #f8d7da;
 }