@syncfusion/ej2-querybuilder 23.2.7 → 24.1.43

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

@@ -181,7 +181,7 @@ let QueryBuilder = class QueryBuilder extends Component {
         }
         bodyElem.appendChild(this.createElement('div', { attrs: { class: 'e-rule-list' } }));
         this.levelColl[this.element.id + '_group0'] = [0];
-        this.rule = { condition: 'and', not: false, rules: [] };
+        this.setProperties({ rule: { condition: 'and', not: false, rules: [] } }, true);
         this.disableRuleCondition(bodyElem.parentElement);
     }
     getWrapper() {
@@ -822,7 +822,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                     if (rule.rules[index].value instanceof Array) {
                         valArray = rule.rules[index].value;
                     }
-                    if (excludeOprs.indexOf(rule.rules[index].operator) < 0 &&
+                    if (excludeOprs.indexOf(rule.rules[index].operator) < -1 &&
                         (isNullOrUndefined(rule.rules[index].value) &&
                             rule.rules[index].type !== 'date') || rule.rules[index].value === '' ||
                         (rule.rules[index].value instanceof Array && valArray.length < 1)) {
@@ -1274,12 +1274,20 @@ let QueryBuilder = class QueryBuilder extends Component {
         const groupID = groupElem && groupElem.id.replace(this.element.id + '_', '');
         const ruleID = ruleElem.id.replace(this.element.id + '_', '');
         const dateElement = args;
+        let dropDownObj;
         if (dateElement.element && dateElement.element.className.indexOf('e-datepicker') > -1) {
             element = dateElement.element;
+            dropDownObj = getComponent(closest(element, '.e-rule-container').querySelector('.e-filter-input'), 'dropdownlist');
+            if (dropDownObj) {
+                this.selectedColumn = dropDownObj.getDataByValue(dropDownObj.value);
+            }
+            dropDownObj = getComponent(closest(element, '.e-rule-container').querySelector('.e-filter-input'), 'dropdowntree');
+            if (dropDownObj) {
+                this.selectedColumn = this.getColumn(dropDownObj.value[0]);
+            }
         }
         let value;
         let rbValue;
-        let dropDownObj;
         if (element.className.indexOf('e-radio') > -1) {
             // eslint-disable-next-line
             rbValue = parseInt(element.id.split('valuekey')[1], 0);
@@ -1564,7 +1572,7 @@ let QueryBuilder = class QueryBuilder extends Component {
             this.GetRootColumnName(rule.field) === this.GetRootColumnName(this.previousColumn.field))) {
             const subField = this.selectedColumn.columns;
             for (let i = 0; i < subField.length; i++) {
-                if (rule.field === subField[i].field) {
+                if (rule.field === subField[i].field || rule.field.indexOf(subField[i].field) > -1) {
                     dropDownList.value = subField[i].field;
                     this.selectedColumn = subField[i];
                     subFieldValue = true;
@@ -2392,7 +2400,7 @@ let QueryBuilder = class QueryBuilder extends Component {
         }
         const operator = tempRule.operator.toString();
         let isTempRendered = false;
-        if (!(operator.indexOf('null') > -1 || operator.indexOf('empty') > -1)) {
+        if (!(operator.indexOf('null') > -1 || operator.indexOf('isempty') > -1 || operator.indexOf('isnotempty') > -1)) {
             const parentId = closest(target, '.e-rule-container').id;
             prevItemData = this.getPreviousItemData(prevItemData, column);
             if (prevItemData && prevItemData.template === undefined) {
@@ -2520,7 +2528,6 @@ let QueryBuilder = class QueryBuilder extends Component {
                 const valElemColl = this.columnTemplateFn(args, this, ruleID, templateID);
                 valElem = (valElemColl[0].nodeType === 3) ? valElemColl[1] : valElemColl[0];
                 target.nextElementSibling.appendChild(valElem);
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
             }
             else if (this.isVue3) {
                 valElem = this.columnTemplateFn(args, this, 'Template', templateID);
@@ -3101,7 +3108,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                 this.groupElem.querySelector('.e-qb-toggle').remove();
             }
         }
-        this.rule = this.checkNotGroup(this.rule);
+        this.setProperties({ rule: this.checkNotGroup(this.rule) }, true);
         this.initWrapper();
     }
     notGroupRtl() {
@@ -3222,7 +3229,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                     if (this.rule.rules.length == 0 && !isNullOrUndefined(this.rule)) {
                         this.reset();
                     }
-                    this.rule = newProp.rule;
+                    this.setProperties({ rule: newProp.rule }, true);
                     newProp.rule = this.getRuleCollection(this.rule, false);
                     this.setRules(this.rule);
                     break;
@@ -3627,7 +3634,7 @@ let QueryBuilder = class QueryBuilder extends Component {
         this.groupIdCounter = 1;
         this.ruleIdCounter = 0;
         this.isImportRules = true;
-        this.rule = rule;
+        this.setProperties({ rule: rule }, true);
         rule = this.getRuleCollection(this.rule, false);
         this.importRules(this.rule, this.element.querySelector('.e-group-container'), true, this.rule.not, isRoot);
         this.isImportRules = false;
@@ -4586,7 +4593,7 @@ let QueryBuilder = class QueryBuilder extends Component {
     getRulesFromSql(sqlString, sqlLocale) {
         this.parser = [];
         this.sqlParser(sqlString, sqlLocale);
-        this.rule = { condition: 'and', not: false, rules: [] };
+        this.setProperties({ rule: { condition: 'and', not: false, rules: [] } }, true);
         const rule = this.processParser(this.parser, this.rule, [0], sqlLocale);
         if (this.enableNotCondition) {
             return { condition: rule.condition, not: rule.not, rules: rule.rules };
@@ -4767,9 +4774,14 @@ let QueryBuilder = class QueryBuilder extends Component {
         }
         else {
             const secParser = this.parser[this.parser.length - 2];
+            const betweenParser = this.parser[this.parser.length - 3];
             if (lastParser[0] === 'Left' && (secParser && secParser[0] === 'Conditions')) {
                 return true;
             }
+            const betweenOperator = 'between';
+            if (lastParser[0] === 'Conditions' && (betweenParser && betweenParser[1].indexOf(betweenOperator) < 0)) {
+                return true;
+            }
         }
         return false;
     }