chore(deps): update rjsf to v5

Author: OliverDudgeon

components/executionsCards/ApplicationCard/ApplicationModal.tsx

@@ -5,7 +5,8 @@ import { useGetApplication } from "@squonk/data-manager-client/application";
 import { getGetInstancesQueryKey, useCreateInstance } from "@squonk/data-manager-client/instance";
 
 import { Grid, MenuItem, TextField } from "@mui/material";
-import Form from "@rjsf/material-ui/v5";
+import Form from "@rjsf/mui";
+import validator from "@rjsf/validator-ajv8";
 import { useQueryClient } from "@tanstack/react-query";
 
 import { useEnqueueError } from "../../../hooks/useEnqueueStackError";
@@ -129,6 +130,7 @@ export const ApplicationModal = ({
               formData={formData}
               schema={schema}
               showErrorList={false}
+              validator={validator}
               onChange={(event) => setFormData(event.formData)}
             >
               {/* Don't render a submit button */}

components/executionsCards/JobCard/JobModal.tsx

@@ -10,7 +10,8 @@ import { getGetInstancesQueryKey, useCreateInstance } from "@squonk/data-manager
 import { useGetJob } from "@squonk/data-manager-client/job";
 
 import { Box, Grid, TextField, Typography } from "@mui/material";
-import Form from "@rjsf/material-ui/v5";
+import Form from "@rjsf/mui";
+import validator from "@rjsf/validator-ajv8";
 import { useQueryClient } from "@tanstack/react-query";
 import dynamic from "next/dynamic";
 
@@ -187,6 +188,7 @@ export const JobModal = ({
                       schema={JSON.parse(job.variables.options)}
                       showErrorList={false}
                       uiSchema={{ "ui:order": job.variables.order?.options }}
+                      validator={validator}
                       onChange={(event) => setOptionsFormData(event.formData)}
                     >
                       {/* Remove the default submit button */}

components/uploads/MimeTypeCard.tsx

@@ -1,7 +1,8 @@
 import type { TypeSummary } from "@squonk/data-manager-client";
 
 import { Card, CardContent } from "@mui/material";
-import Form from "@rjsf/material-ui/v5";
+import Form from "@rjsf/mui";
+import validator from "@rjsf/validator-ajv8";
 
 export interface MimeTypeCardProps {
   /**
@@ -31,6 +32,7 @@ export const MimeTypeCard = ({ type, formDatas, onFormChange }: MimeTypeCardProp
             noHtml5Validate
             formData={formDatas[type.mime]}
             schema={type.formatter_options}
+            validator={validator}
             onChange={(event) => onFormChange({ ...formDatas, [type.mime]: event.formData })}
           >
             {/* Disable the default submit button */}

package.json

@@ -48,8 +48,10 @@
     "@mui/styles": "5.11.13",
     "@next/eslint-plugin-next": "13.2.4",
     "@next/mdx": "13.2.4",
-    "@rjsf/core": "4.2.3",
-    "@rjsf/material-ui": "4.2.3",
+    "@rjsf/core": "5.2.1",
+    "@rjsf/mui": "^5.2.1",
+    "@rjsf/utils": "^5.2.1",
+    "@rjsf/validator-ajv8": "^5.2.1",
     "@sentry/nextjs": "7.43.0",
     "@squonk/account-server-client": "2.0.3",
     "@squonk/data-manager-client": "1.1.0",

pnpm-lock.yaml

@@ -20,11 +20,6 @@
     "jsxImportSource": "@emotion/react",
     "incremental": true,
     "baseUrl": ".",
-    "paths": {
-      "@rjsf/material-ui/*": [
-        "node_modules/@rjsf/material-ui/dist/*"
-      ]
-    },
   },
   "exclude": [
     "node_modules",