@syncfusion/ej2-querybuilder 19.4.53 → 19.4.55

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

@@ -182,6 +182,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         _this.isFieldChange = false;
         _this.isFieldClose = false;
         _this.isDestroy = false;
+        _this.isGetNestedData = false;
         MultiSelect.Inject(CheckBoxSelection);
         return _this;
     }
@@ -781,6 +782,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
      */
     QueryBuilder.prototype.validateFields = function () {
         var isValid = true;
+        var dropDownTreeObj;
         if (this.allowValidation) {
             var excludeOprs = ['isnull', 'isnotnull', 'isempty', 'isnotempty'];
             var i = void 0;
@@ -800,9 +802,18 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                 rule = this.getParentGroup(groupElem);
                 index = 0;
                 indexElem = tempElem = ruleElemCln[i];
-                dropDownObj = getComponent(ruleElemCln[i].querySelector('.e-rule-field input.e-control'), 'dropdownlist');
-                this.selectedColumn = dropDownObj.getDataByValue(dropDownObj.value);
-                validateRule = !isNullOrUndefined(dropDownObj.index) && this.selectedColumn.validation;
+                if (this.fieldMode === 'DropdownTree') {
+                    dropDownTreeObj = getComponent(ruleElemCln[i].querySelector('.e-rule-field input.e-control'), 'dropdowntree');
+                    if (dropDownTreeObj.value && dropDownTreeObj.value.length) {
+                        this.selectedColumn = this.getColumn(dropDownTreeObj.value[0]);
+                        validateRule = this.selectedColumn.validation;
+                    }
+                }
+                else {
+                    dropDownObj = getComponent(ruleElemCln[i].querySelector('.e-rule-field input.e-control'), 'dropdownlist');
+                    this.selectedColumn = dropDownObj.getDataByValue(dropDownObj.value);
+                    validateRule = !isNullOrUndefined(dropDownObj.index) && this.selectedColumn.validation;
+                }
                 fieldElem = tempElem.querySelector('.e-rule-field input.e-control');
                 if (validateRule && validateRule.isRequired) {
                     while (indexElem && indexElem.previousElementSibling !== null) {
@@ -840,7 +851,9 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                         }
                     }
                 }
-                else if (dropDownObj.element && isNullOrUndefined(dropDownObj.index)) {
+                else if ((dropDownObj && dropDownObj.element && isNullOrUndefined(dropDownObj.index)) ||
+                    (dropDownTreeObj && dropDownTreeObj.element && (isNullOrUndefined(dropDownTreeObj.value) ||
+                        dropDownTreeObj.value.length < 1))) {
                     if (fieldElem.parentElement.className.indexOf('e-tooltip') < 0) {
                         this.renderToolTip(fieldElem.parentElement);
                     }
@@ -1323,7 +1336,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             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-dropdowntree.e-control');
                 var ddt = getComponent(ddtElem, 'dropdowntree');
                 if (column) {
                     if (column.type === 'object') {
@@ -1806,17 +1819,42 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
     QueryBuilder.prototype.getDistinctValues = function (dataSource, field) {
         var original = {};
         var result = [];
-        for (var i = 0, iLen = dataSource.length; i < iLen; i++) {
-            var value = dataSource[i][field];
+        var nest = [];
+        var value = "";
+        var isNested = field.indexOf(this.separator);
+        var _loop_2 = function (i, iLen) {
+            if (isNested === 0) {
+                value = dataSource[i][field];
+            }
+            else {
+                nest = field.split(this_2.separator);
+                nest.forEach(function (element) {
+                    if (value) {
+                        value = value[element];
+                    }
+                    else {
+                        value = dataSource[i][element];
+                    }
+                });
+            }
             if (Number(dataSource[i][field]) === dataSource[i][field] && dataSource[i][field] % 1 !== 0) {
                 value = dataSource[i][field].toString();
             }
             var data = {};
-            if (!(value in original)) {
+            if (!(value in original) && !isNullOrUndefined(value)) {
                 original[value] = 1;
-                data[field] = value;
+                if (isNested === 0) {
+                    data[field] = value;
+                }
+                else {
+                    data[nest[nest.length - 1]] = value;
+                }
                 result.push(data);
             }
+        };
+        var this_2 = this;
+        for (var i = 0, iLen = dataSource.length; i < iLen; i++) {
+            _loop_2(i, iLen);
         }
         return result;
     };
@@ -1824,6 +1862,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         var isFetched = false;
         var ds;
         var isValues = false;
+        this.isGetNestedData = false;
         if (this.dataColl[1]) {
             if (Object.keys(this.dataColl[1]).indexOf(rule.field) > -1) {
                 isFetched = true;
@@ -1834,11 +1873,17 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         if (!this.dataColl.length && values.length) {
             isValues = true;
         }
+        var fieldValue = this.selectedRule.field;
+        var isNested = this.selectedRule.field.indexOf(this.separator);
+        if (isNested !== 0 && this.fieldMode !== "DropdownTree") {
+            var nest = this.selectedRule.field.split(this.separator);
+            fieldValue = nest[nest.length - 1];
+        }
         var multiSelectValue;
         multiSelectValue = {
             dataSource: isValues ? values : (isFetched ? ds : this.dataManager),
             query: new Query([rule.field]),
-            fields: { text: this.selectedRule.field, value: this.selectedRule.field },
+            fields: { text: fieldValue, value: fieldValue },
             placeholder: this.l10n.getConstant('SelectValue'),
             value: selectedValue,
             mode: 'CheckBox',
@@ -1866,6 +1911,10 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                 if (Object.keys(this.dataColl[1]).indexOf(value) > -1) {
                     isFetched = true;
                 }
+                var isNest = value.indexOf(this.separator);
+                if (isNest !== 0 && this.isGetNestedData) {
+                    isFetched = true;
+                }
             }
             if (!isFetched) {
                 args.cancel = true;
@@ -1894,6 +1943,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             }
             _this.dataColl = extend(_this.dataColl, dummyData, [], true);
             multiselectObj.dataSource = _this.getDistinctValues(_this.dataColl, value);
+            _this.isGetNestedData = true;
             hideSpinner(closest(element, '.e-multi-select-wrapper').parentElement);
         }).catch(function (e) {
             deferred.reject(e);
@@ -3902,7 +3952,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     break;
                 }
             }
-            else if (field.indexOf(this.separator) > -1) {
+            else if (field && field.indexOf(this.separator) > -1) {
                 if (columns[i].field === field.split(this.separator)[0]) {
                     column = columns[i];
                     break;