feat: add dependant questions logic to radio buttons

onebeyond · Feb 16, 2024 · e81e81b · e81e81b
1 parent acdaf17
commit e81e81b
Show file tree

Hide file tree

Showing 2 changed files with 65 additions and 6 deletions.
diff --git a/example/src/forms.json b/example/src/forms.json
@@ -264,7 +264,23 @@
  "value": "no"
  }
  ]
- }
+ },
+ "dependentQuestions": [
+ {
+ "condition": "yes",
+ "question": {
+ "name": "checkbox_with_link",
+ "type": "checkbox",
+ "label": "External [link](https://www.google.com)",
+ "errorMessages": {
+ "required": "This field is required"
+ },
+ "registerConfig": {
+ "required": true
+ }
+ }
+ }
+ ]
  },
  {
  "name": "checkbox_with_link",
@@ -276,6 +292,43 @@
  "registerConfig": {
  "required": true
  }
+ },
+ {
+ "name": "radio_with_dependent_question",
+ "type": "radio",
+ "label": "Radio with dependent question",
+ "options": [
+ {
+ "label": "Yes",
+ "value": "yes"
+ },
+ {
+ "label": "No",
+ "value": "no"
+ }
+ ],
+ "dependentQuestions": [
+ {
+ "condition": "yes",
+ "question": {
+ "name": "checkbox_with_link",
+ "type": "checkbox",
+ "label": "External [link](https://www.google.com)",
+ "errorMessages": {
+ "required": "This field is required"
+ },
+ "registerConfig": {
+ "required": true
+ }
+ }
+ }
+ ],
+ "errorMessages": {
+ "required": "This field is required"
+ },
+ "registerConfig": {
+ "required": true
+ }
  }
  ],
  "callForAction": [

diff --git a/src/builder.js b/src/builder.js
@@ -167,11 +167,17 @@ const FormBuilder = ({
  <QuestionStatic useForm={useFormObj} question={question} form={form} />
  ),
  radio: (
- <QuestionRadio
- useForm={useFormObj}
- question={question}
- onLinkOpen={onLinkOpen}
- />
+ <>
+ <QuestionRadio
+ useForm={useFormObj}
+ question={question}
+ onLinkOpen={onLinkOpen}
+ />
+ {question.dependentQuestions &&
+ question.dependentQuestions.map(
+ ConditionalQuestion(question.dependentQuestions, question.name)
+ )}
+ </>
  ),
  date: (
  <QuestionDate