diff --git a/gui/rpk-gui/src/lib/crud/components/crud-form.tsx b/gui/rpk-gui/src/lib/crud/components/crud-form.tsx index 76935f8..eb5ceac 100644 --- a/gui/rpk-gui/src/lib/crud/components/crud-form.tsx +++ b/gui/rpk-gui/src/lib/crud/components/crud-form.tsx @@ -1,14 +1,15 @@ import validator from "@rjsf/validator-ajv8"; import Form from "@rjsf/mui"; -import { RegistryFieldsType, RegistryWidgetsType } from "@rjsf/utils"; +import { RegistryFieldsType, RegistryWidgetsType, UiSchema } from "@rjsf/utils"; import { useEffect, useState } from "react"; import { jsonschemaProvider } from "../providers/jsonschema-provider"; import { useForm } from "@refinedev/core"; import CrudTextWidget from "./widgets/crud-text-widget"; import UnionEnumField from "./fields/union-enum"; -type Props = { +type CrudFormProps = { schemaName: string, + uiSchema?: UiSchema, resource: string, id?: string, //onSubmit: (data: IChangeEvent, event: FormEvent) => void @@ -23,7 +24,8 @@ const customFields: RegistryFieldsType = { AnyOfField: UnionEnumField } -export const CrudForm: React.FC = ({ schemaName, resource, id, onSuccess }) => { +export const CrudForm: React.FC = (props) => { + const { schemaName, uiSchema, resource, id, onSuccess } = props; const { onFinish, query, formLoading } = useForm({ resource: resource, action: id === undefined ? "create" : "edit", @@ -55,6 +57,7 @@ export const CrudForm: React.FC = ({ schemaName, resource, id, onSuccess return (
setFormData(e.formData)} onSubmit={(e) => onFinish(e.formData)}