Update UI dependencies and update packages (#4367)

Fix UI dependancies.
microsoft · Feb 13, 2025 · 0c894bf · 0c894bf
1 parent 5cff723
commit 0c894bf
Show file tree

Hide file tree

Showing 3 changed files with 1,867 additions and 1,773 deletions.
diff --git a/ui/app/package.json b/ui/app/package.json
@@ -5,17 +5,19 @@
   "dependencies": {
     "@azure/msal-browser": "^2.35.0",
     "@azure/msal-react": "^1.5.12",
-    "@fluentui/react": "^8.120.3",
+    "@fluentui/react": "^8.122.1",
     "@fluentui/react-file-type-icons": "^8.12.6",
     "@reduxjs/toolkit": "^1.8.6",
-    "@rjsf/core": "^4.2.3",
-    "@rjsf/fluent-ui": "^4.2.3",
+    "@rjsf/core": "^5.24.3",
+    "@rjsf/fluent-ui": "^5.24.3",
+    "@rjsf/utils": "^5.24.3",
+    "@rjsf/validator-ajv8": "^5.24.3",
     "@testing-library/dom": "^7.21.4",
     "@testing-library/jest-dom": "^6.2.0",
     "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.4.3",
+    "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^29.5.0",
-    "@types/node": "^20.16.12",
+    "@types/node": "^20.17.14",
     "@types/react": "^18.3.16",
     "@types/react-dom": "^18.2.6",
     "moment": "^2.29.4",
@@ -24,7 +26,7 @@
     "react-dom": "^18.3.1",
     "react-markdown": "^8.0.3",
     "react-redux": "^8.0.4",
-    "react-router-dom": "6.28.0",
+    "react-router-dom": "6.28.2",
     "remark-gfm": "^3.0.1",
     "typescript": "^5.6.3",
     "web-vitals": "^3.3.0"

diff --git a/ui/app/src/components/shared/create-update-resource/ResourceForm.tsx b/ui/app/src/components/shared/create-update-resource/ResourceForm.tsx
@@ -9,6 +9,7 @@ import { ResourceType } from "../../../models/resourceType";
 import { APIError } from "../../../models/exceptions";
 import { ExceptionLayout } from "../ExceptionLayout";
 import { ResourceTemplate, sanitiseTemplateForRJSF } from "../../../models/resourceTemplate";
+import validator from "@rjsf/validator-ajv8";
 
 interface ResourceFormProps {
   templateName: string,
@@ -148,7 +149,7 @@ export const ResourceForm: React.FunctionComponent<ResourceFormProps> = (props:
             sendingData ?
               <Spinner label="Sending request" ariaLive="assertive" labelPosition="bottom" size={SpinnerSize.large} />
               :
-              <Form omitExtraData={true} schema={template} formData={formData} uiSchema={uiSchema} onSubmit={(e: any) => createUpdateResource(e.formData)} />
+              <Form omitExtraData={true} schema={template} formData={formData} uiSchema={uiSchema} validator={validator} onSubmit={(e: any) => createUpdateResource(e.formData)} />
           }
         </div>
       )