form: added support for json fields

invenio_administration/assets/semantic-ui/js/invenio_administration/src/formik/AdminForm.js

@@ -26,6 +26,12 @@ export class AdminForm extends Component {
             if (defaultValue) {
               return defaultValue;
             }
+            if (value.type === "bool") {
+              return false;
+            }
+            if (value.type === "object") {
+              return null;
+            }
             return "";
           }),
     };
@@ -37,17 +43,38 @@ export class AdminForm extends Component {
     const { apiEndpoint, pid, successCallback, create } = this.props;
     const { addNotification } = this.context;
     let response;
+
+    const transformedValues = mapValues(values, (value, key) => {
+      const fieldSchema = this.props.resourceSchema[key];
+      if (fieldSchema?.metadata?.type === "json") {
+        try {
+          if (value === "") {
+            return null;
+          } else if (typeof value === "object") {
+            return value;
+          } else {
+            return JSON.parse(value);
+          }
+        } catch (e) {
+          console.error(`Error parsing JSON for field ${key}:`, e);
+          actions.setFieldError(key, "Invalid JSON format");
+          throw e;
+        }
+      }
+      return value;
+    });
+
     try {
       if (create) {
         response = await InvenioAdministrationActionsApi.createResource(
           apiEndpoint,
-          values
+          transformedValues
         );
       } else {
         response = await InvenioAdministrationActionsApi.editResource(
           apiEndpoint,
           pid,
-          values
+          transformedValues
         );
       }
       actions.setSubmitting(false);
@@ -81,12 +108,24 @@ export class AdminForm extends Component {
     this.setState({ error: undefined });
   };
 
+  transformInitialValues = (formData) => {
+    const { resourceSchema } = this.props;
+    return mapValues(formData, (value, key) => {
+      const fieldSchema = resourceSchema[key];
+      if (fieldSchema?.metadata?.type === "json" && typeof value === "object") {
+        return JSON.stringify(value);
+      }
+      return value;
+    });
+  };
+
   render() {
     const { resourceSchema, create, formFields } = this.props;
     const { formData, error } = this.state;
+    const transformedFormData = this.transformInitialValues(formData);
 
     return (
-      <Formik initialValues={formData} onSubmit={this.onSubmit}>
+      <Formik initialValues={transformedFormData} onSubmit={this.onSubmit}>
         {(props) => {
           return (
             <>

invenio_administration/assets/semantic-ui/js/invenio_administration/src/formik/GenerateForm.js

@@ -110,6 +110,7 @@ const mapFormFields = (obj, parentField, isCreate, formFieldsConfig, dropDumpOnl
 
     if (fieldSchema.type === "bool") {
       const description = fieldProps.description;
+
       return (
         <>
           <BooleanField
@@ -134,7 +135,7 @@ const mapFormFields = (obj, parentField, isCreate, formFieldsConfig, dropDumpOnl
       );
     }
 
-    if (fieldSchema.type === "object") {
+    if (fieldSchema.type === "object" && fieldSchema.metadata?.type !== "json") {
       // nested fields
       return (
         <React.Fragment key={fieldProps.fieldPath}>
@@ -169,7 +170,10 @@ const mapFormFields = (obj, parentField, isCreate, formFieldsConfig, dropDumpOnl
     }
 
     const rows = formFieldsConfig[fieldName]?.rows || fieldSchema?.metadata?.rows;
-    if (fieldSchema.type === "string" && rows) {
+    if (
+      (fieldSchema.type === "string" && rows) ||
+      fieldSchema.metadata?.type === "json"
+    ) {
       return (
         <TextArea
           key={fieldProps.fieldPath}