fix(*): adding random function for unsecure context #15461

Author: ChronosSF

projects/igniteui-angular/src/lib/grids/common/random.ts

@@ -0,0 +1,22 @@
+/**
+ * Use the function to get a random UUID string when secure context is not guaranteed making crypto.randomUUID unavailable.
+ * @returns A random UUID string.
+ */
+export function getUUID() {
+    if (typeof crypto.randomUUID === "function") {
+        return crypto.randomUUID();
+    }
+    // Secure fallback using crypto.getRandomValues()
+    const bytes = new Uint8Array(16);
+    crypto.getRandomValues(bytes);
+
+    // Set version (4) and variant (RFC 4122)
+    bytes[6] = (bytes[6] & 0x0f) | 0x40; // Version 4
+    bytes[8] = (bytes[8] & 0x3f) | 0x80; // Variant 1
+
+    return [...bytes]
+        .map((b, i) =>
+            [4, 6, 8, 10].includes(i) ? `-${b.toString(16).padStart(2, "0")}` : b.toString(16).padStart(2, "0")
+        )
+        .join("");
+}

projects/igniteui-angular/src/lib/grids/filtering/excel-style/common.ts

@@ -1,6 +1,7 @@
 import { isTree } from '../../../data-operations/expressions-tree-util';
 import { FilteringLogic, IFilteringExpression } from '../../../data-operations/filtering-expression.interface';
 import { IFilteringExpressionsTree } from '../../../data-operations/filtering-expressions-tree';
+import { getUUID } from '../../common/random';
 
 /**
  * @hidden @internal
@@ -30,7 +31,7 @@ export class ExpressionUI {
 
     constructor() {
         // Use IDs to identify expressions clearly and use to track them in template @for cycles.
-        this.expressionId = crypto.randomUUID();
+        this.expressionId = getUUID();
     }
 }
 

projects/igniteui-angular/src/lib/grids/grid-base.directive.ts

@@ -179,6 +179,7 @@ import { IgxGridCellComponent } from './cell.component';
 import { IgxGridValidationService } from './grid/grid-validation.service';
 import { getCurrentResourceStrings } from '../core/i18n/resources';
 import { isTree, recreateTreeFromFields } from '../data-operations/expressions-tree-util';
+import { getUUID } from './common/random';
 
 interface IMatchInfoCache {
     row: any;
@@ -3785,7 +3786,7 @@ export abstract class IgxGridBaseDirective implements GridType,
         const primaryColumn = this._columns.find(col => col.field === this.primaryKey);
         const idType = this.data.length ?
             this.resolveDataTypes(this.data[0][this.primaryKey]) : primaryColumn ? primaryColumn.dataType : 'string';
-        return idType === 'string' ? crypto.randomUUID() : FAKE_ROW_ID--;
+        return idType === 'string' ? getUUID() : FAKE_ROW_ID--;
     }
 
     /**