@syncfusion/ej2-querybuilder 19.3.43 → 19.4.38

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

@@ -179,6 +179,9 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         _this.isNotified = false;
         _this.isAddSuccess = false;
         _this.isNotValueChange = false;
+        _this.isFieldChange = false;
+        _this.isFieldClose = false;
+        _this.isDestroy = false;
         MultiSelect.Inject(CheckBoxSelection);
         return _this;
     }
@@ -658,8 +661,8 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     ddlField = {
                         dataSource: this.columns,
                         fields: this.fields, placeholder: this.l10n.getConstant('SelectField'),
-                        popupHeight: ((this.columns.length > 5) ? height : 'auto'),
-                        change: this.changeField.bind(this), value: rule ? ddlValue : null, open: this.popupOpen.bind(this)
+                        popupHeight: ((this.columns.length > 5) ? height : 'auto'), close: this.fieldClose.bind(this, ruleElem.id + '_filterkey'),
+                        change: this.changeField.bind(this), value: rule ? ddlValue : null, open: this.popupOpen.bind(this, true)
                     };
                     if (this.fieldModel) {
                         ddlField = __assign({}, ddlField, this.fieldModel);
@@ -681,11 +684,11 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     var ddlValue = this.isImportRules ? rule.field : rule.field;
                     ddlField = {
                         fields: { dataSource: this.columns,
-                            value: "field", text: "label", child: 'columns', expanded: "expanded" },
+                            value: 'field', text: 'label', child: 'columns', expanded: 'expanded' },
                         placeholder: this.l10n.getConstant('SelectField'), showClearButton: false,
                         popupHeight: ((this.columns.length > 5) ? height : 'auto'), changeOnBlur: false,
                         change: this.changeField.bind(this), value: this.isImportRules ? [ddlValue] : null,
-                        open: this.popupOpen.bind(this)
+                        open: this.popupOpen.bind(this, false)
                     };
                     if (this.fieldModel) {
                         ddlField = __assign({}, ddlField, this.fieldModel);
@@ -930,7 +933,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         else {
             clsName = 'e-removerule e-rule-delete e-css e-btn e-small e-button-hide';
         }
-        var delBtnElem = this.createElement('button', { attrs: { class: clsName } });
+        var delBtnElem = this.createElement('button', { attrs: { type: 'button', class: clsName } });
         tempElem.appendChild(delBtnElem);
         fieldElem.appendChild(tempElem);
         ruleElem.appendChild(fieldElem);
@@ -982,7 +985,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             }
             if (isGroup) {
                 var clsName = this.showButtons.groupDelete ? 'e-deletegroup' : 'e-deletegroup e-button-hide';
-                dltGroupBtn = this.createElement('button', { attrs: { class: clsName } });
+                dltGroupBtn = this.createElement('button', { attrs: { type: 'button', class: clsName } });
                 var button = new Button({ iconCss: 'e-icons e-delete-icon', cssClass: 'e-small e-round' });
                 button.appendTo(dltGroupBtn);
                 dltGroupBtn.setAttribute('title', this.l10n.getConstant('DeleteGroup'));
@@ -1288,21 +1291,38 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
+    QueryBuilder.prototype.fieldClose = function (id) {
+        if (this.isFieldChange || this.isDestroy) {
+            return;
+        }
+        this.isFieldClose = true;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        var ddl = getComponent(id, 'dropdownlist');
+        var item = ddl.popupObj.element.querySelector('.e-active');
+        var itemData = ddl.getItemData();
+        ddl.value = itemData.value;
+        var customArgs = { element: ddl.element, value: itemData.value, isInteracted: true,
+            previousItemData: this.prevItemData, previousItem: null, item: item, itemData: itemData, event: null, e: null };
+        this.changeField(customArgs);
+        this.isFieldChange = false;
+    };
     QueryBuilder.prototype.changeField = function (args) {
         if (args.isInteracted) {
+            this.isFieldChange = true;
+            this.prevItemData = args.itemData;
             var fieldElem = closest(args.element, '.e-rule-filter') || closest(args.element, '.e-rule-sub-filter');
             var column = this.fieldMode === 'DropdownTree' ? this.getColumn(args.value[0]) : this.getColumn(args.value);
             if (this.fieldMode === 'DropdownTree' && fieldElem != null) {
-                var ddtElem = fieldElem.querySelector(".e-control");
+                var ddtElem = fieldElem.querySelector('.e-control');
                 var ddt = getComponent(ddtElem, 'dropdowntree');
                 if (column) {
-                    if (column.type == 'object') {
+                    if (column.type === 'object') {
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         ddt.value = args.oldValue;
                         ddt.dataBind();
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         if (isNullOrUndefined(args.oldValue)) {
-                            ddtElem.value = "";
+                            ddtElem.value = '';
                         }
                         else {
                             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -1468,7 +1488,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             popupHeight: ((subFieldData.length > 5) ? height : 'auto'),
             change: this.changeField.bind(this),
             index: 0,
-            open: this.popupOpen.bind(this)
+            open: this.popupOpen.bind(this, false)
         });
         dropDownList.appendTo('#' + ruleId + '_subfilterkey' + this.subFilterCounter);
         if (this.isImportRules) {
@@ -1589,7 +1609,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     change: this.changeField.bind(this),
                     index: 0,
                     value: value,
-                    open: this.popupOpen.bind(this)
+                    open: this.popupOpen.bind(this, false)
                 };
                 if (this.operatorModel) {
                     ddlOperator = __assign({}, ddlOperator, this.operatorModel);
@@ -1608,10 +1628,13 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             this.updateRules(ddlArgs.element, ddlArgs.item);
         }
     };
-    QueryBuilder.prototype.popupOpen = function (args) {
+    QueryBuilder.prototype.popupOpen = function (isField, args) {
         if (this.enableRtl) {
             addClass([args.popup.element], 'e-rtl');
         }
+        if (isField) {
+            this.isFieldClose = false;
+        }
     };
     QueryBuilder.prototype.destroyControls = function (target, isRuleTemplate) {
         var element = isRuleTemplate ? target : target.nextElementSibling;
@@ -1804,7 +1827,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             change: this.changeValue.bind(this, i),
             close: this.closePopup.bind(this, i),
             actionBegin: this.multiSelectOpen.bind(this, parentId + '_valuekey' + i),
-            open: this.popupOpen.bind(this)
+            open: this.popupOpen.bind(this, false)
         };
         if (this.valueModel && this.valueModel.multiSelectModel) {
             multiSelectValue = __assign({}, multiSelectValue, this.valueModel.multiSelectModel);
@@ -2226,6 +2249,9 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         return 0;
     };
     QueryBuilder.prototype.getPreviousItemData = function (prevItemData, column) {
+        if (this.isFieldClose && prevItemData) {
+            prevItemData = this.getColumn(prevItemData.value);
+        }
         if (column.template && prevItemData && Object.keys(prevItemData).length < 4) {
             prevItemData.template = column.template;
         }
@@ -2718,6 +2744,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     QueryBuilder.prototype.destroy = function () {
+        this.isDestroy = true;
         var queryElement = this.element;
         if (!queryElement) {
             return;
@@ -2773,6 +2800,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             this.clearQBTemplate();
         }
         classList(this.element, [], ['e-rtl', 'e-responsive', 'e-device']);
+        this.isDestroy = false;
     };
     /**
      * Adds single or multiple rules.
@@ -2900,7 +2928,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             }
         });
         var textElem = this.createElement('textarea', { attrs: { class: 'e-summary-text', readonly: 'true' }, styles: 'max-height:500px' });
-        var editElem = this.createElement('button', { attrs: { class: 'e-edit-rule e-css e-btn e-small e-flat e-primary' } });
+        var editElem = this.createElement('button', { attrs: { type: 'button', class: 'e-edit-rule e-css e-btn e-small e-flat e-primary' } });
         var divElem = this.createElement('div', { attrs: { class: 'e-summary-btndiv' } });
         contentElem.appendChild(textElem);
         textElem.textContent = this.getSqlFromRules(this.rule);
@@ -3558,6 +3586,9 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     rule.not = notValue;
                 }
             }
+            else if ((isNullOrUndefined(rule.condition)) && isNullOrUndefined(rule.rules)) {
+                rule = { 'label': '', 'field': '', 'operator': '', 'type': '', 'value': '' };
+            }
             else {
                 if (this.enableNotCondition) {
                     rule = { 'condition': rule.condition, 'rules': rule.rules, 'not': rule.not };
@@ -3741,7 +3772,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
             }
-            else if (ruleColl[i].operator.length) {
+            else if (!isNullOrUndefined(ruleColl[i].operator) && !isNullOrUndefined(ruleColl[i].operator.length)) {
                 var oper = ruleColl[i].operator.toLowerCase();
                 var isDateFilter = false;
                 var dateOperColl = ['equal', 'notequal', 'greaterthan', 'greaterthanorequal', 'lessthan', 'lessthanorequal'];
@@ -4445,6 +4476,12 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             this.parser.push(['Literal', matchValue]);
             return matchValue.length + 2;
         }
+        // eslint-disable-next-line
+        if (this.checkNumberLiteral(sqlString)) {
+            matchValue = /^[0-9]+(\.[0-9]+)?/.exec(sqlString)[0];
+            this.parser.push(['Literal', matchValue]);
+            return matchValue.length;
+        }
         //String
         if (/^'((?:[^\\']+?|\\.|'')*)'(?!')/.exec(sqlString)) {
             matchValue = /^'((?:[^\\']+?|\\.|'')*)'(?!')/.exec(sqlString)[0];
@@ -4484,6 +4521,25 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         }
         return false;
     };
+    QueryBuilder.prototype.checkNumberLiteral = function (sqlString) {
+        var lastParser = this.parser[this.parser.length - 1];
+        if (!lastParser) {
+            return true;
+        }
+        else {
+            if (/^[0-9]+(\.[0-9]+)?/.exec(sqlString)) {
+                var secParser = this.parser[this.parser.length - 2];
+                var betweenParser = this.parser[this.parser.length - 3];
+                if (lastParser[0] === 'Left' && (secParser && secParser[0] === 'Conditions')) {
+                    return true;
+                }
+                if (lastParser[0] === 'Conditions' && (betweenParser && betweenParser[1].indexOf('between') < 0)) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
     QueryBuilder.prototype.getOperator = function (value, operator) {
         var operators = {
             '=': 'equal', '!=': 'notequal', '<': 'lessthan', '>': 'greaterthan', '<=': 'lessthanorequal',
@@ -4512,14 +4568,8 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         return operators[operator];
     };
     QueryBuilder.prototype.getTypeFromColumn = function (rules) {
-        var columnData = this.columns;
-        for (var i = 0; i < columnData.length; i++) {
-            if (columnData[i].field === rules.field) {
-                rules.type = columnData[i].type;
-                break;
-            }
-        }
-        return rules.type;
+        var columnData = this.getColumn(rules.field);
+        return columnData.type;
     };
     QueryBuilder.prototype.processParser = function (parser, rules, levelColl) {
         var j;
@@ -4534,6 +4584,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         var lLen;
         var grpCount;
         var operator;
+        var isLeftOpened = false;
         for (var i = 0, iLen = parser.length; i < iLen; i++) {
             if (parser[i][0] === 'Literal') {
                 rule = { label: parser[i][1], field: parser[i][1] };
@@ -4552,8 +4603,12 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     j = i + 1;
                     jLen = iLen;
                     for (j = i + 1; j < jLen; j++) {
-                        if (parser[j][0] === 'Right') {
+                        if (operator.indexOf('between') < 0 && parser[j][0] === 'Left') {
+                            isLeftOpened = true;
+                        }
+                        else if (parser[j][0] === 'Right' && isLeftOpened) {
                             i = j;
+                            isLeftOpened = false;
                             break;
                         }
                         else {