igniteui-angular 21.1.3 → 21.1.5

package/fesm2022/igniteui-angular-grids-core.mjs

@@ -8912,9 +8912,17 @@ class IgxExcelStyleSearchComponent {
             const matchedData = cloneHierarchicalArray(this.esf.listData, 'children');
             this.displayedListData = this.hierarchicalSelectMatches(matchedData, searchVal);
             this.cdr.detectChanges();
+            /**
+             * There are two calls of `matchesNumericValue` in this method: one when we generate the displayedListData in hierarchicalSelectMatches method
+             * and another one when going through the tree nodes. We can avoid the second call by storing the items in a set.
+             * However, if the datasource is small there is no significant difference in performance but we would be adding extra memory overhead.
+             * We should test this when https://github.com/IgniteUI/igniteui-angular/issues/17144 issue is fixed with 100k or 1m records
+             */
             this.tree.nodes.forEach(n => {
                 n.selected = true;
-                if (n.data.label.toString().toLowerCase().indexOf(searchVal) > -1) {
+                const item = n.data;
+                if (item.label.toString().toLowerCase().indexOf(searchVal) > -1 ||
+                    this.matchesNumericValue(item, searchVal)) {
                     this.expandAllParentNodes(n);
                 }
             });
@@ -8923,7 +8931,8 @@ class IgxExcelStyleSearchComponent {
             this.displayedListData = this.esf.listData.filter((it, i) => (i === 0 && it.isSpecial) ||
                 (it.label !== null && it.label !== undefined) &&
                     !it.isBlanks &&
-                    it.label.toString().toLowerCase().indexOf(searchVal) > -1);
+                    (it.label.toString().toLowerCase().indexOf(searchVal) > -1 ||
+                        this.matchesNumericValue(it, searchVal)));
             this.esf.listData.forEach(i => i.isSelected = false);
             this.displayedListData.forEach(i => i.isSelected = true);
             this.displayedListData.splice(1, 0, this.addToCurrentFilterItem);
@@ -9143,7 +9152,8 @@ class IgxExcelStyleSearchComponent {
             if (node) {
                 node.expanded = false;
             }
-            if (element.label.toString().toLowerCase().indexOf(searchVal) > -1) {
+            if (element.label.toString().toLowerCase().indexOf(searchVal) > -1 ||
+                this.matchesNumericValue(element, searchVal)) {
                 element.isSelected = true;
                 this.hierarchicalSelectAllChildren(element);
                 this._hierarchicalSelectedItems.push(element);
@@ -9214,6 +9224,20 @@ class IgxExcelStyleSearchComponent {
             this.searchValue = this.searchInput.value;
         }
     }
+    matchesNumericValue(item, searchVal) {
+        const columnDataType = this.esf.column?.dataType;
+        if (typeof item.value !== 'number' ||
+            (columnDataType !== GridColumnDataType.Number &&
+                columnDataType !== GridColumnDataType.Currency &&
+                columnDataType !== GridColumnDataType.Percent)) {
+            return false;
+        }
+        let numericValue = item.value;
+        if (columnDataType === GridColumnDataType.Percent) {
+            numericValue = parseFloat((item.value * 100).toPrecision(15));
+        }
+        return numericValue.toString().toLowerCase().indexOf(searchVal) > -1;
+    }
     onArrowUpKeyDown() {
         if (this.focusedItem && this.focusedItem.index === 0 && this.virtDir.state.startIndex === 0) {
             // on ArrowUp the focus stays on the same element if it is the first focused
@@ -10491,7 +10515,9 @@ class IgxGridPinningActionsComponent extends IgxGridActionsBaseDirective {
         const context = this.strip.context;
         const grid = context.grid;
         grid.scrollTo(context.data, 0);
-        this.strip.hide();
+        if (this.asMenuItems) {
+            this.strip.hide();
+        }
     }
     registerSVGIcons() {
         if (!this.isRow(this.strip.context)) {