refactor: Remove uuid dependency and replace with crypto.randomUUID

Author: tumms2021389

package-lock.json

@@ -72,8 +72,7 @@
     "react-number-format": "^5.4.4",
     "react-redux": "^8.1.3",
     "react-router-dom": "^6.22.3",
-    "throttle-debounce": "^5.0.2",
-    "uuid": "^11.1.0"
+    "throttle-debounce": "^5.0.2"
   },
   "devDependencies": {
     "@pega/configs": "^0.7.1",

package.json

@@ -31,8 +31,7 @@
     "react-datepicker": "^4.25.0",
     "react-number-format": "^5.4.4",
     "react-redux": "^8.1.3",
-    "throttle-debounce": "^5.0.2",
-    "uuid": "^11.1.0"
+    "throttle-debounce": "^5.0.2"
   },
   "devDependencies": {
     "@pega/pcore-pconnect-typedefs": "~3.2.2"

packages/react-sdk-components/package.json

@@ -1,7 +1,6 @@
 /* eslint-disable @typescript-eslint/no-shadow */
 import { forwardRef, PropsWithChildren, useEffect, useRef, useState } from 'react';
 import { TextField } from '@mui/material';
-import { v4 as uuidv4 } from 'uuid';
 import { debounce } from 'throttle-debounce';
 import DatePicker from 'react-datepicker';
 
@@ -20,7 +19,7 @@ interface DashboardFilterProps extends PConnProps {
 
 export default function DashboardFilter(props: PropsWithChildren<DashboardFilterProps>) {
   const { children, name, filterProp, type = '', metadata = null, getPConnect } = props;
-  const { current: filterId } = useRef(uuidv4());
+  const { current: filterId } = useRef(crypto.randomUUID());
 
   const [startDate, setStartDate] = useState(null);
   const [endDate, setEndDate] = useState(null);

packages/react-sdk-components/src/components/infra/DashboardFilter/DashboardFilter.tsx

@@ -1,5 +1,3 @@
-import { v4 as uuidv4 } from 'uuid';
-
 export const mapStateToProps: any = (_, ownProps) => {
   const { getPConnect } = ownProps;
 
@@ -24,5 +22,5 @@ export const getKeyForMappedField = field => {
     return JSON.stringify(pConnect.meta);
   }
 
-  return uuidv4();
+  return crypto.randomUUID();
 };