Merge pull request #778 from EBISPOT/fix-cardinality-issue

Update cardinality handling

Author: haideriqbal

frontend/src/components/ClassExpression.tsx

@@ -28,7 +28,17 @@ export default function ClassExpression({
 
   const types = asArray(expr['type'])
 
-  if(types && types.indexOf('datatype') !== -1) {
+  function getCardinality(value) {
+        if (value === null || value === undefined) {
+            return [];
+        } else if (Array.isArray(value)) {
+            return value;
+        } else {
+            return [value];
+        }
+    }
+
+    if(types && types.indexOf('datatype') !== -1) {
     // rdfs:Datatype
     let equivClass = expr['http://www.w3.org/2002/07/owl#equivalentClass'];
     if(equivClass) {
@@ -150,14 +160,19 @@ export default function ClassExpression({
       </span>,
     ];
 
-    for (const subExpr of oneOf) {
+    for (let subExpr of oneOf) {
       if (nodes.length > 1) {
         nodes.push(
           <span key={randomString()} className="text-neutral-default">
             &#44;&nbsp;
           </span>
         );
       }
+
+      if (typeof subExpr === "number") {
+          subExpr = subExpr.toString();
+      }
+
       nodes.push(
         <ClassExpression
           key={randomString()}
@@ -301,9 +316,12 @@ export default function ClassExpression({
     );
   }
 
-  const minCardinality = asArray(
+  let minCardinality = getCardinality(
     expr["http://www.w3.org/2002/07/owl#minCardinality"]
   )[0];
+  if(typeof minCardinality === 'number') {
+      minCardinality = minCardinality.toString()
+  }
   if (minCardinality) {
     return (
       <span>
@@ -314,9 +332,12 @@ export default function ClassExpression({
     );
   }
 
-  let maxCardinality = asArray(
+  let maxCardinality = getCardinality(
     expr["http://www.w3.org/2002/07/owl#maxCardinality"]
   )[0];
+    if(typeof maxCardinality === 'number') {
+        maxCardinality = maxCardinality.toString()
+    }
   if (maxCardinality) {
     return (
       <span>
@@ -326,9 +347,12 @@ export default function ClassExpression({
       </span>
     );
   }
-  let exactCardinality = asArray(
+  let exactCardinality = getCardinality(
     expr["http://www.w3.org/2002/07/owl#cardinality"]
   )[0];
+    if(typeof exactCardinality === 'number') {
+        exactCardinality = exactCardinality.toString()
+    }
   if (exactCardinality) {
     return (
       <span>

frontend/src/pages/ontologies/entities/entityPageSections/IndividualPropertyAssertionsSection.tsx

@@ -94,8 +94,8 @@ export default function IndividualPropertyAssertionsSection({
               linkedEntities={linkedEntities}
           />
              
-            {
-              <span>
+            {typeof v === "string" && v.includes("http") ? (
+                    <span>
               <span className="pr-1 text-sm" style={{ color: "gray" }}>
                 &#9656;
               </span>
@@ -107,7 +107,21 @@ export default function IndividualPropertyAssertionsSection({
                   linkedEntities={linkedEntities}
               />
             </span>
-            }
+                ) : (
+                    <Tooltip
+                        title={
+                          typeof v === "string"
+                              ? v
+                              : typeof v === "object" && !Array.isArray(v) && v.value
+                                  ? JSON.stringify(v.value)
+                                  : JSON.stringify(v)
+                        }
+                        placement="top"
+                        arrow
+                    >
+                      <i className="icon icon-common icon-info text-neutral-default text-sm ml-1" />
+                    </Tooltip>
+                )}
         </span>
       );
     }