Merge pull request #112 from terminusdb/mediaType

Media type

Author: Francesca-Bit

packages/tdb-documents-ui/src/css/terminusdb__styles.css

@@ -745,7 +745,13 @@ form.rjsf label.control-label:after { content: "";  }
 /* hide anyof select from document links in edit and view mode */
 .tdb__edit__document__link .panel .form-group select.form-control,
 .tdb__view__document__link .panel .form-group select.form-control{
-    display: none !important;
+    display: none !important; 
+}
+
+/* display enum selects under document links */
+.tdb__edit__document__link .panel .enum__select select.form-control,
+.tdb__view__document__link .panel .enum__select select.form-control{
+    display: block !important; 
 }
 
 /** display set/ list document link internal control-labels */

packages/tdb-documents-ui/src/enumTypeFrames/enumTypeFrames.js

@@ -6,7 +6,7 @@ import React from "react"
 import {DisplayPropertyNameAndComment} from "../documentationTemplates"
 
 export function makeEnumTypeFrames (fullFrame, frame, item, uiFrame, mode, formData, documentation) {
-    let enumClassName=frame[item]["@id"]
+    let enumClassName=frame[item]["@id"] 
     if(!enumClassName) {
         throw new Error (`Expected to get enum class name from frames, but instead received ${enumClassName}`)
     }
@@ -19,15 +19,15 @@ export function makeEnumTypeFrames (fullFrame, frame, item, uiFrame, mode, formD
 
 
 export function getUILayout (fullFrame, frame, item, uiFrame, mode, formData, documentation) {
-     
+    
     let label=item
     //let enumDocumentation=getLabelFromEnumDocumentation(item, documentation, frame[item]["@values"]) 
     //if(enumDocumentation.hasOwnProperty("@label")) label=enumDocumentation["@label"]
 
     let uiLayout = {
         "ui:placeholder": `Select ${label} ...`,
         //"ui:description": getDescription(documentation),
-        classNames: "tdb__input mb-3 mt-3"
+        classNames: "tdb__input mb-3 mt-3 enum__select"
     } 
 
     // if property is lexical key then make read only