Show properties of a component only if allowed by schema condition (fix #762) (#798)

Author: vincentfretin

src/components/components/Component.js

@@ -94,6 +94,30 @@ export default class Component extends React.Component {
 
     return Object.keys(componentData.schema)
       .sort()
+      .filter((propertyName) => {
+        if (!componentData.schema[propertyName].if) {
+          return true;
+        }
+        let showProperty = true;
+        for (const [conditionKey, conditionValue] of Object.entries(
+          componentData.schema[propertyName].if
+        )) {
+          if (Array.isArray(conditionValue)) {
+            if (
+              conditionValue.indexOf(componentData.data[conditionKey]) === -1
+            ) {
+              showProperty = false;
+              break;
+            }
+          } else {
+            if (conditionValue !== componentData.data[conditionKey]) {
+              showProperty = false;
+              break;
+            }
+          }
+        }
+        return showProperty;
+      })
       .map((propertyName) => (
         <PropertyRow
           key={propertyName}