refactor(grids): replace uuid dep with native crypto method (#15049)

Author: damyanpetev

package-lock.json

@@ -79,7 +79,6 @@
     "lodash-es": "^4.17.21",
     "rxjs": "^7.8.0",
     "tslib": "^2.3.0",
-    "uuid": "^9.0.0",
     "zone.js": "~0.14.10"
   },
   "devDependencies": {

package.json

@@ -1,5 +1,4 @@
-import { ElementRef, EmbeddedViewRef, Injector, TemplateRef, ViewChild } from '@angular/core';
-import { v4 as uuidv4 } from 'uuid';
+import { ElementRef, EmbeddedViewRef, Injector, TemplateRef } from '@angular/core';
 
 const CONTEXT_PROP = 'context';
 const IMPLICIT_PROP = 'implicit';
@@ -71,7 +70,7 @@ export class TemplateRefWrapper<C extends object> extends TemplateRef<C> {
             root = viewRef.rootNodes[0];
 
             contentContext = new TemplateRefWrapperContentContext();
-            contentId = uuidv4() as string;
+            contentId = crypto.randomUUID();
             contentContext._id = contentId;
             root._id = contentId;
             contentContext.root = root;

projects/igniteui-angular-elements/src/app/wrapper/template-ref-wrapper.ts

@@ -11,7 +11,6 @@
     "fflate",
     "igniteui-trial-watermark",
     "lodash-es",
-    "uuid",
     "@igniteui/material-icons-extended",
     "igniteui-theming"
   ]

projects/igniteui-angular/ng-package.json

@@ -10,7 +10,6 @@
     "fflate",
     "igniteui-trial-watermark",
     "lodash-es",
-    "uuid",
     "@igniteui/material-icons-extended",
     "igniteui-theming"
   ]

projects/igniteui-angular/ng-package.prod.json

@@ -73,7 +73,6 @@
         "tslib": "^2.3.0",
         "igniteui-trial-watermark": "^3.0.2",
         "lodash-es": "^4.17.21",
-        "uuid": "^9.0.0",
         "igniteui-theming": "^14.2.0",
         "@igniteui/material-icons-extended": "^3.0.0"
     },

projects/igniteui-angular/package.json

@@ -24,7 +24,6 @@ export const DEPENDENCIES_MAP: PackageEntry[] = [
     { name: 'tslib', target: PackageTarget.NONE },
     { name: 'igniteui-trial-watermark', target: PackageTarget.NONE },
     { name: 'lodash-es', target: PackageTarget.NONE },
-    { name: 'uuid', target: PackageTarget.NONE },
     { name: '@igniteui/material-icons-extended', target: PackageTarget.REGULAR },
     { name: 'igniteui-theming', target: PackageTarget.NONE },
     // peerDependencies

projects/igniteui-angular/schematics/utils/dependency-handler.ts

@@ -154,7 +154,6 @@ import { IgxColumnComponent } from './columns/column.component';
 import { IgxColumnGroupComponent } from './columns/column-group.component';
 import { IgxRowDragGhostDirective, IgxDragIndicatorIconDirective } from './row-drag.directive';
 import { IgxSnackbarComponent } from '../snackbar/snackbar.component';
-import { v4 as uuidv4 } from 'uuid';
 import { IgxActionStripToken } from '../action-strip/token';
 import { IgxGridRowComponent } from './grid/grid-row.component';
 import type { IgxPaginatorComponent } from '../paginator/paginator.component';
@@ -3771,7 +3770,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' ? uuidv4() : FAKE_ROW_ID--;
+        return idType === 'string' ? crypto.randomUUID() : FAKE_ROW_ID--;
     }
 
     /**