Merge pull request #142 from indec-it/feat/beAbleToHideQuestion

feat(question): be able to hide question

Author: maximilianoforlenza

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@indec/form-builder",
-  "version": "5.0.5",
+  "version": "5.1.0",
   "description": "Form builder",
   "main": "index.js",
   "private": false,

package.json

@@ -33,19 +33,21 @@ function Question({sectionIndex, questionIndex, disabled = false, warnings = {},
   }
 
   useEffect(() => {
-    if (shouldClean && !question.readOnly && !isInHeader) {
+    if (shouldClean && !question.readOnly && !isInHeader && !question.hide) {
       const defaultAnswerValue = buildQuestions(section)[section.name][0][question.name].answer;
       setFieldValue(questionName, defaultAnswerValue);
       shouldClean = false;
     }
   }, [shouldClean, questionName, isInHeader]);
 
   const Component = getQuestionComponent(questionType);
-  return Component ? (
-    <Wrapper component={Component} section={section} {...props} />
-  ) : (
-    <p className="fb:text-red-600 fb:font-medium">Invalid component.</p>
-  );
+  if (Component && !question.hide) {
+    return <Wrapper component={Component} section={section} {...props} />;
+  }
+  if (!Component) {
+    return <p className="fb:text-red-600 fb:font-medium">Invalid component.</p>;
+  }
+  return null;
 }
 
 export default Question;