1127 missing validator in some rjsf forms (#1128)

* missing one validator

* missing validator

* error list is no long supported

* remove redundant import

Author: longshuicy

frontend/src/components/datasets/CreateDatasetModal.tsx

@@ -7,7 +7,6 @@ import datasetSchema from "../../schema/datasetSchema.json";
 import { FormProps } from "@rjsf/core";
 import { ClowderRjsfTextWidget } from "../styledComponents/ClowderRjsfTextWidget";
 import { ClowderRjsfSelectWidget } from "../styledComponents/ClowderRjsfSelectWidget";
-import { ClowderRjsfErrorList } from "../styledComponents/ClowderRjsfErrorList";
 import { ClowderRjsfTextAreaWidget } from "../styledComponents/ClowderRjsfTextAreaWidget";
 import validator from "@rjsf/validator-ajv8";
 
@@ -35,7 +34,6 @@ export const CreateDatasetModal: React.FC<CreateDatasetModalProps> = (
 			onSubmit={({ formData }) => {
 				onSave(formData);
 			}}
-			ErrorList={ClowderRjsfErrorList}
 		>
 			<Box className="inputGroup">
 				<Button variant="contained" type="submit">

frontend/src/components/datasets/CreateLicenseModal.tsx

@@ -1,19 +1,8 @@
-import React, { useState } from "react";
-import {
-	Container,
-	Dialog,
-	DialogTitle,
-	DialogContent,
-	DialogActions,
-	Button,
-	TextField,
-	Box,
-} from "@mui/material";
+import React from "react";
+import { Container, Button, Box } from "@mui/material";
 import licenseSchema from "../../schema/licenseSchema.json";
 import { FormProps } from "@rjsf/core";
-import { ClowderRjsfErrorList } from "../styledComponents/ClowderRjsfErrorList";
 import Form from "@rjsf/mui";
-import { V2 } from "../../openapi";
 import validator from "@rjsf/validator-ajv8";
 
 type CreateLicenseModalProps = {
@@ -46,7 +35,6 @@ export const CreateLicenseModal = (props: CreateLicenseModalProps) => {
 					// close modal
 					setLicenseModalOpen(false);
 				}}
-				ErrorList={ClowderRjsfErrorList}
 			>
 				<Box className="inputGroup" sx={{ float: "right" }}>
 					<Button variant="contained" type="submit">

frontend/src/components/datasets/EditLicenseModal.tsx

@@ -2,16 +2,13 @@ import React, { useState } from "react";
 import {
 	Container,
 	Dialog,
-	DialogTitle,
 	DialogContent,
-	DialogActions,
+	DialogTitle,
 	Button,
-	TextField,
 	Box,
 } from "@mui/material";
 import licenseSchema from "../../schema/licenseSchema.json";
 import { FormProps } from "@rjsf/core";
-import { ClowderRjsfErrorList } from "../styledComponents/ClowderRjsfErrorList";
 import Form from "@rjsf/mui";
 import validator from "@rjsf/validator-ajv8";
 import { useDispatch, useSelector } from "react-redux";
@@ -44,7 +41,6 @@ export const EditLicenseModal = (props: EditLicenseModalProps) => {
 					// close modal
 					setEditLicenseOpen(false);
 				}}
-				ErrorList={ClowderRjsfErrorList}
 			>
 				<Box className="inputGroup" sx={{ float: "right" }}>
 					<Button variant="contained" type="submit">

frontend/src/components/groups/CreateGroup.tsx

@@ -12,7 +12,6 @@ import { ClowderRjsfTextWidget } from "../styledComponents/ClowderRjsfTextWidget
 import { ClowderRjsfSelectWidget } from "../styledComponents/ClowderRjsfSelectWidget";
 import groupSchema from "../../schema/groupSchema.json";
 import { ClowderRjsfTextAreaWidget } from "../styledComponents/ClowderRjsfTextAreaWidget";
-import { ClowderRjsfErrorList } from "../styledComponents/ClowderRjsfErrorList";
 import { useNavigate } from "react-router-dom";
 import { RootState } from "../../types/data";
 import validator from "@rjsf/validator-ajv8";
@@ -59,7 +58,6 @@ export const CreateGroup = (props: CreateGroupProps): JSX.Element => {
 					// close modal
 					setCreateGroupOpen(false);
 				}}
-				ErrorList={ClowderRjsfErrorList}
 			>
 				<Box className="inputGroup" sx={{ float: "right" }}>
 					<Button variant="contained" type="submit">

frontend/src/components/listeners/CreateFeedModal.tsx

@@ -1,8 +1,7 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect } from "react";
 import { Container, Button, Box } from "@mui/material";
 import feedSchema from "../../schema/feedSchema.json";
 import { FormProps } from "@rjsf/core";
-import { ClowderRjsfErrorList } from "../styledComponents/ClowderRjsfErrorList";
 import Form from "@rjsf/mui";
 import { useDispatch, useSelector } from "react-redux";
 import { createFeed, fetchListeners } from "../../actions/listeners";
@@ -52,7 +51,6 @@ export const CreateFeedModal = (props: CreateFeedProps) => {
 					// close modal
 					setCreateFeedOpen(false);
 				}}
-				ErrorList={ClowderRjsfErrorList}
 			>
 				<Box className="inputGroup" sx={{ float: "right" }}>
 					<Button variant="contained" type="submit">

frontend/src/components/listeners/EditFeedModal.tsx

@@ -2,7 +2,6 @@ import React, { useEffect, useState } from "react";
 import { Container, Button, Box } from "@mui/material";
 import feedSchema from "../../schema/feedSchema.json";
 import { FormProps } from "@rjsf/core";
-import { ClowderRjsfErrorList } from "../styledComponents/ClowderRjsfErrorList";
 import Form from "@rjsf/mui";
 import { useDispatch, useSelector } from "react-redux";
 import { fetchListeners, updateFeed } from "../../actions/listeners";
@@ -62,7 +61,6 @@ export const EditFeedModal = (props: EditFeedProps) => {
 					// close modal
 					setEditFeedOpen(false);
 				}}
-				ErrorList={ClowderRjsfErrorList}
 			>
 				<Box className="inputGroup" sx={{ float: "right" }}>
 					<Button variant="contained" type="submit">

frontend/src/components/listeners/SubmitExtraction.tsx

@@ -183,6 +183,8 @@ export default function SubmitExtraction(props: SubmitExtractionProps) {
 										) : (
 											<Container>
 												<Form
+													widgets={widgets}
+													validator={validator}
 													schema={{ properties: {} }}
 													uiSchema={uiSchema}
 													onSubmit={({ formData }) => {