@syncfusion/ej2-querybuilder 31.2.2 → 31.2.12

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

@@ -2345,11 +2345,46 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
     QueryBuilder.prototype.changeValueSuccessCallBack = function (args, element, i, groupID, ruleID) {
         if (!args.cancel) {
             this.updateRules(element, args.value, i);
+            this.setSecondDateMinFromFirst(element, i);
             if (!this.isImportRules) {
                 this.trigger('change', { groupID: groupID, ruleID: ruleID, value: args.value, cancel: false, type: 'value' });
             }
         }
     };
+    QueryBuilder.prototype.setSecondDateMinFromFirst = function (element, valueIndex) {
+        if (valueIndex !== 0) {
+            return;
+        }
+        var ruleElem = closest(element, '.e-rule-container');
+        if (!ruleElem) {
+            return;
+        }
+        var operatorDropdownElement = ruleElem.querySelector('.e-rule-operator .e-dropdownlist');
+        if (!operatorDropdownElement) {
+            return;
+        }
+        var operatorDropdown = getComponent(operatorDropdownElement, 'dropdownlist');
+        var operatorValue = operatorDropdown && operatorDropdown.value ? operatorDropdown.value.toString().toLowerCase() : '';
+        if (operatorValue.indexOf('between') < 0) {
+            return;
+        }
+        var firstDateElement = document.getElementById(ruleElem.id + '_valuekey0');
+        var secondDateElement = document.getElementById(ruleElem.id + '_valuekey1');
+        if (!firstDateElement || !secondDateElement) {
+            return;
+        }
+        var firstDatePicker = getComponent(firstDateElement, 'datepicker');
+        var secondDatePicker = getComponent(secondDateElement, 'datepicker');
+        if (!firstDatePicker || !secondDatePicker || !(firstDatePicker.value instanceof Date)) {
+            return;
+        }
+        var nextDay = new Date(firstDatePicker.value.getTime());
+        nextDay.setDate(nextDay.getDate() + 1);
+        secondDatePicker.min = nextDay;
+        if (secondDatePicker.value instanceof Date && secondDatePicker.value.getTime() < nextDay.getTime()) {
+            secondDatePicker.value = nextDay;
+        }
+    };
     QueryBuilder.prototype.fieldClose = function (id) {
         if (this.isFieldChange || this.isDestroy) {
             return;
@@ -2971,9 +3006,23 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             isValues = true;
         }
         var multiSelectValue;
+        var multiSelectUserQuery = (this.valueModel && this.valueModel.multiSelectModel && this.valueModel.multiSelectModel.query)
+            ? this.valueModel.multiSelectModel.query
+            : null;
+        var multiSelectQuery = (multiSelectUserQuery && typeof multiSelectUserQuery.clone === 'function')
+            ? multiSelectUserQuery.clone()
+            : new Query();
+        var selectedField = rule.field;
+        if (selectedField) {
+            multiSelectQuery.select([selectedField]);
+        }
+        var resolvedQuery = new Query([rule.field]);
+        if (!isValues && !isFetched && (this.dataManager instanceof DataManager || this.dataSource instanceof DataManager)) {
+            resolvedQuery = multiSelectQuery;
+        }
         multiSelectValue = {
             dataSource: isValues ? values : (isFetched ? ds : this.dataManager),
-            query: new Query([rule.field]),
+            query: resolvedQuery,
             fields: { text: this.selectedRule.field, value: this.selectedRule.field },
             placeholder: this.l10n.getConstant('SelectValue'),
             value: selectedValue,
@@ -3025,7 +3074,14 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         var _this = this;
         var dummyData;
         var deferred = new Deferred();
-        var data = this.dataManager.executeQuery(new Query().select(value));
+        var userQuery = (this.valueModel && this.valueModel.multiSelectModel && this.valueModel.multiSelectModel.query)
+            ? this.valueModel.multiSelectModel.query
+            : null;
+        var dataQuery = (userQuery && typeof userQuery.clone === 'function')
+            ? userQuery.clone()
+            : new Query();
+        dataQuery.select([value]);
+        var data = this.dataManager.executeQuery(dataQuery);
         var multiselectObj = getComponent(element, 'multiselect');
         multiselectObj.hideSpinner();
         this.createSpinner(closest(element, '.e-multi-select-wrapper').parentElement);
@@ -3336,6 +3392,12 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                                     selVal = (length_1 > 1) ? rule.value[i] : rule.value;
                                     selectedValue = this.parseDate(selVal, format) || new Date();
                                 }
+                                if (!isNullOrUndefined(itemData) && itemData.value && !isTemplate) {
+                                    var parsedDate = this.parseDate(itemData.value.toString(), itemData.format);
+                                    if (parsedDate && !isNaN(parsedDate.getTime())) {
+                                        selectedValue = parsedDate;
+                                    }
+                                }
                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                 if (!itemData.field && !itemData.key && itemData.value) {
                                     if (itemData.value instanceof Date) {
@@ -3377,6 +3439,19 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                                             value: selectedValue, locale: this.getLocale(), placeholder: place,
                                             format: formatObj.format, change: this.changeValue.bind(this, i)
                                         };
+                                        if (!isNullOrUndefined(column) && !isNullOrUndefined(column.values) && column.values.length > 0) {
+                                            var parsedDate = this.parseDate(column.values[i], format);
+                                            if (!isNullOrUndefined(parsedDate) && parsedDate instanceof Date) {
+                                                datePicker.value = parsedDate;
+                                                if (i === 1) {
+                                                    var parsedMinDate = this.parseDate(column.values[0], format);
+                                                    if (parsedMinDate instanceof Date && !isNaN(parsedMinDate.getTime())) {
+                                                        parsedMinDate.setDate(parsedMinDate.getDate() + 1);
+                                                        datePicker.min = parsedMinDate;
+                                                    }
+                                                }
+                                            }
+                                        }
                                         if (this.valueModel && this.valueModel.datePickerModel) {
                                             datePicker = __assign({}, datePicker, this.valueModel.datePickerModel);
                                         }