@syncfusion/ej2-dropdowns 28.2.3 → 28.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -979,6 +979,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
979
979
  _this.CurrentEvent = null;
980
980
  _this.isDynamicData = false;
981
981
  _this.isPrimitiveData = false;
982
+ _this.isCustomFiltering = false;
982
983
  _this.virtualListInfo = {
983
984
  currentPageNumber: null,
984
985
  direction: null,
@@ -1567,7 +1568,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
1567
1568
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
1568
1569
  newQuery.queries[queryElements].e.nos = e.count;
1569
1570
  }
1570
- if (_this.getModuleName() === 'multiselect' && (newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.operator === 'equal')) {
1571
+ if (_this.getModuleName() === 'multiselect' && (newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.operator === 'equal') && !_this.isCustomFiltering) {
1571
1572
  isReOrder = false;
1572
1573
  }
1573
1574
  }
@@ -1591,6 +1592,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
1591
1592
  _this.trigger('actionComplete', e, function (e) {
1592
1593
  if (!e.cancel) {
1593
1594
  _this.isRequesting = false;
1595
+ _this.isCustomFiltering = false;
1594
1596
  var listItems = e.result;
1595
1597
  if (_this.isIncrementalRequest) {
1596
1598
  ulElement = _this.renderItems(listItems, fields);
@@ -1628,6 +1630,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
1628
1630
  }
1629
1631
  if (_this.isVirtualizationEnabled) {
1630
1632
  _this.getFilteringSkeletonCount();
1633
+ _this.updatePopupPosition();
1631
1634
  }
1632
1635
  if (_this.virtualSelectAll && _this.virtualSelectAllData) {
1633
1636
  _this.virtualSelectionAll(_this.virtualSelectAllState, _this.liCollections, _this.CurrentEvent);
@@ -1669,7 +1672,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
1669
1672
  newQuery.queries[queryElements].e.nos = listItems.count;
1670
1673
  listItems = (newQuery).executeLocal(dataManager);
1671
1674
  }
1672
- if (_this.getModuleName() === 'multiselect' && (newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.operator === 'equal')) {
1675
+ if (_this.getModuleName() === 'multiselect' && (newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.operator === 'equal') && !_this.isCustomFiltering) {
1673
1676
  isReOrder = false;
1674
1677
  }
1675
1678
  }
@@ -1702,6 +1705,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
1702
1705
  var localDataArgs = { cancel: false, result: listItems };
1703
1706
  _this.isPreventChange = _this.isAngular && _this.preventChange ? true : _this.isPreventChange;
1704
1707
  _this.trigger('actionComplete', localDataArgs, function (localDataArgs) {
1708
+ _this.isCustomFiltering = false;
1705
1709
  if (_this.isIncrementalRequest) {
1706
1710
  ulElement = _this.renderItems(localDataArgs.result, fields);
1707
1711
  return;
@@ -1736,6 +1740,9 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
1736
1740
  DropDownBase.prototype.updatePopupState = function () {
1737
1741
  // Used this method in component side.
1738
1742
  };
1743
+ DropDownBase.prototype.updatePopupPosition = function () {
1744
+ // Used this method in component side.
1745
+ };
1739
1746
  DropDownBase.prototype.virtualSelectionAll = function (state, li, event) {
1740
1747
  // Used this method in component side.
1741
1748
  };
@@ -9950,6 +9957,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
9950
9957
  }
9951
9958
  chip.appendChild(chipContent);
9952
9959
  this.chipCollection.appendChild(chip);
9960
+ if (this.isReact) {
9961
+ this.renderReactTemplates();
9962
+ }
9953
9963
  };
9954
9964
  DropDownTree.prototype.setSelectAllWrapper = function (state) {
9955
9965
  if (this.isFirstRender) {
@@ -10679,6 +10689,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
10679
10689
  addClass([this.inputWrapper], [INPUTFOCUS]);
10680
10690
  }
10681
10691
  }
10692
+ if (this.isFilteredData) {
10693
+ this.treeObj['treeData'] = this.treeData;
10694
+ }
10682
10695
  if (this.destroyPopupOnHide) {
10683
10696
  this.isFirstRender = true;
10684
10697
  this.destroyPopup();
@@ -14247,6 +14260,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
14247
14260
  break;
14248
14261
  }
14249
14262
  };
14263
+ MultiSelect.prototype.updatePopupPosition = function () {
14264
+ this.refreshPopup();
14265
+ };
14250
14266
  MultiSelect.prototype.updateAriaAttribute = function () {
14251
14267
  var focusedItem = this.list.querySelector('.' + dropDownBaseClasses.focus);
14252
14268
  if (!isNullOrUndefined(focusedItem)) {
@@ -16119,6 +16135,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
16119
16135
  _this.isFiltered = true;
16120
16136
  _this.customFilterQuery = query;
16121
16137
  _this.remoteFilterAction = true;
16138
+ _this.isCustomFiltering = true;
16122
16139
  _this.dataUpdater(dataSource, query, fields);
16123
16140
  },
16124
16141
  event: e,
@@ -19797,6 +19814,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
19797
19814
  function ListBox(options, element) {
19798
19815
  var _this = _super.call(this, options, element) || this;
19799
19816
  _this.isValidKey = false;
19817
+ _this.isBackSpace = false;
19800
19818
  _this.isDataSourceUpdate = false;
19801
19819
  _this.keyDownStatus = false;
19802
19820
  return _this;
@@ -20065,6 +20083,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
20065
20083
  }
20066
20084
  };
20067
20085
  ListBox.prototype.onActionComplete = function (ulElement, list, e) {
20086
+ var _this = this;
20068
20087
  var searchEle;
20069
20088
  var filterElem;
20070
20089
  var txtLength;
@@ -20131,8 +20150,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
20131
20150
  }
20132
20151
  filterElem.selectionStart = txtLength;
20133
20152
  filterElem.selectionEnd = txtLength;
20134
- if (filterElem.value !== '') {
20153
+ if (filterElem.value !== '' || (filterElem.value === '' && this.isBackSpace)) {
20135
20154
  filterElem.focus();
20155
+ setTimeout(function () { _this.isBackSpace = false; });
20136
20156
  }
20137
20157
  }
20138
20158
  }
@@ -21737,7 +21757,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
21737
21757
  };
21738
21758
  ListBox.prototype.KeyUp = function (e) {
21739
21759
  var _this = this;
21740
- if (this.allowFiltering && ((e.ctrlKey && e.keyCode === 65) || (e.keyCode === 8 && !this.filterInput.value))) {
21760
+ if (this.allowFiltering && e.ctrlKey && e.keyCode === 65) {
21741
21761
  e.preventDefault();
21742
21762
  return;
21743
21763
  }
@@ -21746,6 +21766,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
21746
21766
  if (!isNullOrUndefined(isWordCharacter)) {
21747
21767
  this.isValidKey = true;
21748
21768
  }
21769
+ this.isBackSpace = e.keyCode === 8;
21749
21770
  this.isValidKey = (e.keyCode === 8) || (e.keyCode === 46) || this.isValidKey;
21750
21771
  if (this.isValidKey) {
21751
21772
  this.isValidKey = false;