@syncfusion/ej2-querybuilder 20.3.59 → 20.4.38

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

@@ -337,7 +337,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                 if (sqlIdx > -1) {
                     const operator = column.operators[j];
                     const operColl = Object.keys(operator);
-                    const values = operColl.map((key) => operator[key]).join(',').split(',');
+                    const values = operColl.map((key) => operator[`${key}`]).join(',').split(',');
                     const valueIdx = operColl.indexOf('value');
                     this.operators[values[valueIdx]] = values[sqlIdx];
                 }
@@ -728,6 +728,7 @@ let QueryBuilder = class QueryBuilder extends Component {
         const tooltip = new Tooltip({ content: this.l10n.getConstant('ValidationMessage'),
             position: 'BottomCenter', cssClass: 'e-querybuilder-error' });
         tooltip.appendTo(element);
+        // eslint-disable-next-line
         tooltip.open(element);
     }
     /**
@@ -785,8 +786,9 @@ 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 && (isNullOrUndefined(rule.rules[index].value) &&
-                        rule.rules[index].type !== 'date') || rule.rules[index].value === '' ||
+                    if (excludeOprs.indexOf(rule.rules[index].operator) < 0 &&
+                        (isNullOrUndefined(rule.rules[index].value) &&
+                            rule.rules[index].type !== 'date') || rule.rules[index].value === '' ||
                         (rule.rules[index].value instanceof Array && valArray.length < 1)) {
                         const valElem = tempElem.querySelectorAll('.e-rule-value .e-control');
                         isValid = false;
@@ -864,7 +866,7 @@ let QueryBuilder = class QueryBuilder extends Component {
         groupElem.appendChild(grpBodyElem);
         // create button group in OR and AND process
         if (!this.headerTemplate) {
-            glueElem = this.createElement('div', { attrs: { class: 'e-lib e-btn-group' } });
+            glueElem = this.createElement('div', { attrs: { class: 'e-lib e-btn-group', role: 'group' } });
             if (this.enableNotCondition) {
                 inputElem = this.createElement('button', { attrs: { type: 'button', class: 'e-qb-toggle' } });
                 glueElem.appendChild(inputElem);
@@ -1743,29 +1745,29 @@ let QueryBuilder = class QueryBuilder extends Component {
                     for (let j = 0, jLen = fieldColl.length; j < jLen; j++) {
                         fieldStr = fieldColl[j];
                         if (fieldColl.length === (j + 1)) {
-                            value = dataObj[fieldStr];
-                            if (Number(dataObj[fieldStr]) === dataObj[fieldStr] && dataObj[fieldStr] % 1 !== 0) {
-                                value = dataObj[fieldStr].toString();
+                            value = dataObj[`${fieldStr}`];
+                            if (Number(dataObj[`${fieldStr}`]) === dataObj[`${fieldStr}`] && dataObj[`${fieldStr}`] % 1 !== 0) {
+                                value = dataObj[`${fieldStr}`].toString();
                             }
                         }
                         else {
-                            dataObj = dataObj[fieldStr];
+                            dataObj = dataObj[`${fieldStr}`];
                         }
                     }
                 }
                 else {
-                    value = dataSource[i][field];
-                    if (Number(dataSource[i][field]) === dataSource[i][field] && dataSource[i][field] % 1 !== 0) {
-                        value = dataSource[i][field].toString();
+                    value = dataSource[i][`${field}`];
+                    if (Number(dataSource[i][`${field}`]) === dataSource[i][`${field}`] && dataSource[i][`${field}`] % 1 !== 0) {
+                        value = dataSource[i][`${field}`].toString();
                     }
                 }
                 if (!(value in original)) {
-                    original[value] = 1;
+                    original[`${value}`] = 1;
                     if (fieldColl.length > 1) {
                         this.createNestedObject(data, fieldColl, value);
                     }
                     else {
-                        data[field] = value;
+                        data[`${field}`] = value;
                     }
                     result.push(data);
                 }
@@ -1779,9 +1781,9 @@ let QueryBuilder = class QueryBuilder extends Component {
         for (let k = 0; k < lastIndex; ++k) {
             key = fieldColl[k];
             if (!(key in obj)) {
-                obj[key] = {};
+                obj[`${key}`] = {};
             }
-            obj = obj[key];
+            obj = obj[`${key}`];
         }
         obj[fieldColl[lastIndex]] = value;
     }
@@ -1793,28 +1795,28 @@ let QueryBuilder = class QueryBuilder extends Component {
         const isNested = field.indexOf(this.separator);
         for (let i = 0, iLen = dataSource.length; i < iLen; i++) {
             if (isNested === 0) {
-                value = dataSource[i][field];
+                value = dataSource[i][`${field}`];
             }
             else {
                 nest = field.split(this.separator);
                 // eslint-disable-next-line @typescript-eslint/tslint/config
                 nest.forEach(element => {
                     if (value) {
-                        value = value[element];
+                        value = value[`${element}`];
                     }
                     else {
-                        value = dataSource[i][element];
+                        value = dataSource[i][`${element}`];
                     }
                 });
             }
-            if (Number(dataSource[i][field]) === dataSource[i][field] && dataSource[i][field] % 1 !== 0) {
-                value = dataSource[i][field].toString();
+            if (Number(dataSource[i][`${field}`]) === dataSource[i][`${field}`] && dataSource[i][`${field}`] % 1 !== 0) {
+                value = dataSource[i][`${field}`].toString();
             }
             const data = {};
             if (!(value in original)) {
-                original[value] = 1;
+                original[`${value}`] = 1;
                 if (isNested === 0) {
-                    data[field] = value;
+                    data[`${field}`] = value;
                 }
                 else {
                     data[nest[nest.length - 1]] = value;
@@ -2556,7 +2558,8 @@ let QueryBuilder = class QueryBuilder extends Component {
             const column = this.fieldMode === 'DropdownTree' ? this.getColumn(dropDownObj.value[0])
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 : this.getColumn(dropDownObj.value);
-            if (!this.isImportRules && rule.rules[index].field && rule.rules[index].field.toLowerCase() !== column.field.toLowerCase()) {
+            if (!this.isImportRules && rule.rules[index].field &&
+                rule.rules[index].field.toLowerCase() !== column.field.toLowerCase()) {
                 if (!(ruleElem.querySelectorAll('.e-template')) && !(operator.indexOf('null') > -1)
                     || (operator.indexOf('empty') > -1)) {
                     rule.rules[index].value = '';
@@ -3349,7 +3352,7 @@ let QueryBuilder = class QueryBuilder extends Component {
         EventHandler.remove(this.element, 'keydown', this.keyBoardHandler);
     }
     getParentGroup(target, isParent) {
-        const groupLevel = (target instanceof Element) ? this.levelColl[target.id] : this.levelColl[target];
+        const groupLevel = (target instanceof Element) ? this.levelColl[target.id] : this.levelColl[`${target}`];
         const len = isParent ? groupLevel.length - 1 : groupLevel.length;
         let rule = this.rule;
         for (let i = 0; i < len; i++) {
@@ -3509,6 +3512,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                 err = [];
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 const error = 'error';
+                // eslint-disable-next-line
                 err[error] = error;
             }
             // eslint-enable
@@ -3670,6 +3674,9 @@ let QueryBuilder = class QueryBuilder extends Component {
                 else {
                     rule = { 'condition': rule.condition, 'rules': rule.rules };
                 }
+                if (rule.rules.length === 0) {
+                    rule = {};
+                }
             }
         }
         return rule;
@@ -3878,7 +3885,8 @@ let QueryBuilder = class QueryBuilder extends Component {
                 if (i === 0) {
                     if (isDateFilter || (oper.indexOf('in') > -1 || oper.indexOf('between') > -1 || oper.indexOf('null') > -1 ||
                         oper.indexOf('empty') > -1) && oper.indexOf('contains') < 0) {
-                        pred = isDateFilter ? this.datePredicate(ruleColl[i], ruleValue) : this.arrayPredicate(ruleColl[i]);
+                        pred = isDateFilter ? this.datePredicate(ruleColl[i], ruleValue) :
+                            this.arrayPredicate(ruleColl[i]);
                     }
                     else {
                         const value = ruleValue;
@@ -4361,89 +4369,90 @@ let QueryBuilder = class QueryBuilder extends Component {
                 queryStr += rulesNotCondition;
             }
         }
-        for (let j = 0, jLen = rules.rules.length; j < jLen; j++) {
-            if (rules.rules[j].rules) {
-                queryStr = this.getSqlString(rules.rules[j], enableEscape, queryStr, sqlLocale);
-            }
-            else {
-                const rule = rules.rules[j];
-                let valueStr = '';
-                let ruleOpertor;
-                ruleOpertor = sqlLocale ? this.sqlOperators[rule.operator] : this.operators[rule.operator];
-                if (rule.value instanceof Array) {
-                    if (rule.operator.toString().indexOf('between') > -1) {
-                        let ruleCondition = sqlLocale ? ' ' + this.l10n.getConstant('AND').toUpperCase() + ' ' : ' ' + 'AND' + ' ';
-                        if (rule.type === 'date' && !this.isDateFunction(rule.value[0])) {
-                            valueStr += '"' + rule.value[0] + '"' + ruleCondition + '"' + rule.value[1] + '"';
+        if (rules.rules) {
+            for (let j = 0, jLen = rules.rules.length; j < jLen; j++) {
+                if (rules.rules[j].rules) {
+                    queryStr = this.getSqlString(rules.rules[j], enableEscape, queryStr, sqlLocale);
+                }
+                else {
+                    const rule = rules.rules[j];
+                    let valueStr = '';
+                    const ruleOpertor = sqlLocale ? this.sqlOperators[rule.operator] : this.operators[rule.operator];
+                    if (rule.value instanceof Array) {
+                        if (rule.operator.toString().indexOf('between') > -1) {
+                            const ruleCondition = sqlLocale ? ' ' + this.l10n.getConstant('AND').toUpperCase() + ' ' : ' ' + 'AND' + ' ';
+                            if (rule.type === 'date' && !this.isDateFunction(rule.value[0])) {
+                                valueStr += '"' + rule.value[0] + '"' + ruleCondition + '"' + rule.value[1] + '"';
+                            }
+                            else {
+                                valueStr += rule.value[0] + ruleCondition + rule.value[1];
+                            }
                         }
                         else {
-                            valueStr += rule.value[0] + ruleCondition + rule.value[1];
+                            if (typeof rule.value[0] === 'string' && rule.value !== null) {
+                                valueStr += '("' + rule.value[0] + '"';
+                                for (let k = 1, kLen = rule.value.length; k < kLen; k++) {
+                                    valueStr += ',"' + rule.value[k] + '"';
+                                }
+                                valueStr += ')';
+                            }
+                            else {
+                                valueStr += '(' + rule.value + ')';
+                            }
                         }
                     }
                     else {
-                        if (typeof rule.value[0] === 'string' && rule.value !== null) {
-                            valueStr += '("' + rule.value[0] + '"';
-                            for (let k = 1, kLen = rule.value.length; k < kLen; k++) {
-                                valueStr += ',"' + rule.value[k] + '"';
-                            }
-                            valueStr += ')';
+                        if (rule.operator.toString().indexOf('startswith') > -1) {
+                            valueStr += rule.value ? '("' + rule.value + '%")' : '(' + rule.value + ')';
+                        }
+                        else if (rule.operator.toString().indexOf('endswith') > -1) {
+                            valueStr += rule.value ? '("%' + rule.value + '")' : '(' + rule.value + ')';
+                        }
+                        else if (rule.operator.toString().indexOf('contains') > -1) {
+                            valueStr += rule.value ? '("%' + rule.value + '%")' : '(' + rule.value + ')';
                         }
                         else {
-                            valueStr += '(' + rule.value + ')';
+                            if (rule.type === 'number' || typeof rule.value === 'boolean' || rule.value === null) {
+                                valueStr += rule.value;
+                            }
+                            else {
+                                valueStr += '"' + rule.value + '"';
+                            }
                         }
                     }
-                }
-                else {
-                    if (rule.operator.toString().indexOf('startswith') > -1) {
-                        valueStr += rule.value ? '("' + rule.value + '%")' : '(' + rule.value + ')';
-                    }
-                    else if (rule.operator.toString().indexOf('endswith') > -1) {
-                        valueStr += rule.value ? '("%' + rule.value + '")' : '(' + rule.value + ')';
-                    }
-                    else if (rule.operator.toString().indexOf('contains') > -1) {
-                        valueStr += rule.value ? '("%' + rule.value + '%")' : '(' + rule.value + ')';
-                    }
-                    else {
-                        if (rule.type === 'number' || typeof rule.value === 'boolean' || rule.value === null) {
-                            valueStr += rule.value;
+                    if (rule.operator.toString().indexOf('null') > -1 || (rule.operator.toString().indexOf('empty') > -1)) {
+                        if (enableEscape) {
+                            rule.field = '`' + rule.field + '`';
                         }
                         else {
-                            valueStr += '"' + rule.value + '"';
+                            if (rule.field.indexOf(' ') > -1) {
+                                rule.field = '"' + rule.field + '"';
+                            }
                         }
-                    }
-                }
-                if (rule.operator.toString().indexOf('null') > -1 || (rule.operator.toString().indexOf('empty') > -1)) {
-                    if (enableEscape) {
-                        rule.field = '`' + rule.field + '`';
+                        queryStr += rule.field + ' ' + ruleOpertor;
                     }
                     else {
-                        if (rule.field.indexOf(' ') > -1) {
-                            rule.field = '"' + rule.field + '"';
+                        if (enableEscape) {
+                            rule.field = '`' + rule.field + '`';
                         }
-                    }
-                    queryStr += rule.field + ' ' + ruleOpertor;
-                }
-                else {
-                    if (enableEscape) {
-                        rule.field = '`' + rule.field + '`';
-                    }
-                    else {
-                        if (rule.field.indexOf(' ') > -1) {
-                            rule.field = '"' + rule.field + '"';
+                        else {
+                            if (rule.field.indexOf(' ') > -1) {
+                                rule.field = '"' + rule.field + '"';
+                            }
                         }
+                        queryStr += rule.field + ' ' + ruleOpertor + ' ' + valueStr;
+                    }
+                    if (rule.condition && rule.condition !== '') {
+                        condition = rule.condition;
                     }
-                    queryStr += rule.field + ' ' + ruleOpertor + ' ' + valueStr;
-                }
-                if (rule.condition && rule.condition !== '') {
-                    condition = rule.condition;
                 }
-            }
-            if (j !== jLen - 1) {
-                if (condition === '') {
-                    condition = rules.rules[j].condition;
+                if (j !== jLen - 1) {
+                    if (condition === '') {
+                        condition = rules.rules[j].condition;
+                    }
+                    condition = sqlLocale ? this.l10n.getConstant(condition.toUpperCase()).toUpperCase() : condition.toUpperCase();
+                    queryStr += ' ' + condition + ' ';
                 }
-                condition = sqlLocale ? this.l10n.getConstant(condition.toUpperCase()).toUpperCase() : condition.toUpperCase();
-                queryStr += ' ' + condition + ' ';
             }
         }
         if (!isRoot) {
@@ -4490,7 +4499,7 @@ let QueryBuilder = class QueryBuilder extends Component {
      *
      * @param {RuleModel} rule - 'rule' to be passed to get the sql.
      * @param {boolean} allowEscape - Set `true` if it exclude the escape character.
-     * @param {boolean} sqlLocale - Set `true` if Localization for Sql query.
+     *  @param {boolean} sqlLocale - Set `true` if Localization for Sql query.
      * @returns {object} - Sql query from rules.
      */
     getSqlFromRules(rule, allowEscape, sqlLocale) {
@@ -4534,6 +4543,7 @@ let QueryBuilder = class QueryBuilder extends Component {
         let matchValue;
         for (let i = 0, iLen = operators.length; i < iLen; i++) {
             regexStr = /^\w+$/.test(operators[i]) ? '\\b' : '';
+            // eslint-disable-next-line
             regex = new RegExp('^(' + operators[i] + ')' + regexStr, 'ig');
             if (regex.exec(sqlString)) {
                 this.parser.push(['Operators', operators[i].toLowerCase()]);
@@ -4544,6 +4554,7 @@ let QueryBuilder = class QueryBuilder extends Component {
         if (!lastPasrser || (lastPasrser && lastPasrser[0] !== 'Literal')) {
             for (let i = 0, iLen = conditions.length; i < iLen; i++) {
                 regexStr = /^\w+$/.test(conditions[i]) ? '\\b' : '';
+                // eslint-disable-next-line
                 regex = new RegExp('^(' + conditions[i] + ')' + regexStr, 'ig');
                 if (regex.exec(sqlString)) {
                     this.parser.push(['Conditions', conditions[i].toLowerCase()]);
@@ -4553,6 +4564,7 @@ let QueryBuilder = class QueryBuilder extends Component {
         }
         for (let i = 0, iLen = subOp.length; i < iLen; i++) {
             regexStr = /^\w+$/.test(subOp[i]) ? '\\b' : '';
+            // eslint-disable-next-line
             regex = new RegExp('^(' + subOp[i] + ')' + regexStr, 'ig');
             if (regex.exec(sqlString)) {
                 this.parser.push(['SubOperators', subOp[i].toLowerCase()]);
@@ -4596,30 +4608,39 @@ let QueryBuilder = class QueryBuilder extends Component {
             return matchValue.length + 2;
         }
         if (this.checkNumberLiteral(sqlString, sqlLocale)) {
+            // eslint-disable-next-line
             matchValue = /^[0-9]+(\.[0-9]+)?/.exec(sqlString)[0];
             this.parser.push(['Literal', matchValue]);
             return matchValue.length;
         }
         //String
+        // eslint-disable-next-line
         if (/^'((?:[^\\']+?|\\.|'')*)'(?!')/.exec(sqlString)) {
+            // eslint-disable-next-line
             matchValue = /^'((?:[^\\']+?|\\.|'')*)'(?!')/.exec(sqlString)[0];
             this.parser.push(['String', matchValue]);
             return matchValue.length;
         }
         //Double String
+        // eslint-disable-next-line
         if (/^"([^\\"]*(?:\\.[^\\"]*)*)"/.exec(sqlString)) {
+            // eslint-disable-next-line
             matchValue = /^"([^\\"]*(?:\\.[^\\"]*)*)"/.exec(sqlString)[0];
             this.parser.push(['DoubleString', matchValue]);
             return matchValue.length;
         }
         //Number
+        // eslint-disable-next-line
         if (/^[0-9]+(\.[0-9]+)?/.exec(sqlString)) {
+            // eslint-disable-next-line
             matchValue = /^[0-9]+(\.[0-9]+)?/.exec(sqlString)[0];
             this.parser.push(['Number', matchValue]);
             return matchValue.length;
         }
         //Negative Number
+        // eslint-disable-next-line
         if (/^-?[0-9]+(\.[0-9]+)?/.exec(sqlString)) {
+            // eslint-disable-next-line
             matchValue = /^-?[0-9]+(\.[0-9]+)?/.exec(sqlString)[0];
             this.parser.push(['Number', matchValue]);
             return matchValue.length;
@@ -4645,13 +4666,14 @@ let QueryBuilder = class QueryBuilder extends Component {
             return true;
         }
         else {
+            // eslint-disable-next-line
             if (/^[0-9]+(\.[0-9]+)?/.exec(sqlString)) {
                 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;
                 }
-                let betweenOperator = sqlLocale ? this.l10n.getConstant('Between').toLowerCase() : 'between';
+                const betweenOperator = sqlLocale ? this.l10n.getConstant('Between').toLowerCase() : 'between';
                 if (lastParser[0] === 'Conditions' && (betweenParser && betweenParser[1].indexOf(betweenOperator) < 0)) {
                     return true;
                 }
@@ -4666,7 +4688,7 @@ let QueryBuilder = class QueryBuilder extends Component {
             'is empty': 'isempty', 'is null': 'isnull', 'is not null': 'isnotnull', 'is not empty': 'isnotempty'
         };
         if (sqlLocale) {
-            let localeOperator = Object.keys(this.sqlOperators);
+            const localeOperator = Object.keys(this.sqlOperators);
             for (let i = 0; i < localeOperator.length; i++) {
                 if (this.sqlOperators[localeOperator[i]] === operator.toUpperCase()) {
                     if (value && value.indexOf('%') === 0 && value[value.length - 1] === '%') {
@@ -4702,7 +4724,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                 return 'equal';
             }
         }
-        return operators[operator];
+        return operators[`${operator}`];
     }
     getTypeFromColumn(rules) {
         const columnData = this.getColumn(rules.field);