@eui/components 19.1.2-snapshot-1743171142266 → 19.1.2-snapshot-1743492977329

package/fesm2022/eui-components-eui-table.mjs

@@ -1418,18 +1418,29 @@ class EuiTableHighlightFilterPipe {
      * @returns
      */
     transform(value, strFilter, className = 'eui-table--highlighted') {
-        if (value) {
-            if (strFilter && strFilter.length > 0) {
-                const regex = new RegExp('(' + strFilter + ')', 'gi');
-                return value.toString().replace(regex, '<span class="' + className + '">$1</span>');
-            }
-            else {
-                return value;
-            }
-        }
-        else {
+        if (!value)
             return '';
-        }
+        if (!strFilter || strFilter.length === 0)
+            return value;
+        const generateVariants = (str) => {
+            const variants = new Set([str]);
+            for (let j = 1; j <= 3; j++) {
+                for (const separator of ['.', ',', ' ']) {
+                    let newVariant = str;
+                    let i = j;
+                    while (i < newVariant.length) {
+                        newVariant = newVariant.slice(0, i) + separator + newVariant.slice(i);
+                        i += 4;
+                    }
+                    variants.add(newVariant);
+                }
+            }
+            return Array.from(variants);
+        };
+        const isNumber = (str) => !isNaN(Number(str)) && str.trim() !== '';
+        const variants = isNumber(strFilter) ? generateVariants(strFilter) : [strFilter];
+        const regex = new RegExp(`(${variants.map(v => v.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')).join('|')})`, 'gi');
+        return value.toString().replace(regex, `<span class="${className}">$1</span>`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: EuiTableHighlightFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: EuiTableHighlightFilterPipe, isStandalone: false, name: "euiTableHighlightFilter" }); }