stark-form-builder-next
Version:
Package to create form using JSON schema
832 lines (824 loc) • 25.6 kB
JSON
[
{
"sectionName": "basicinfo",
"sectionTitle": "Basic Info",
"layout": { "label": "1 Column", "value": "1column" },
"containerClass": "",
"displaySection": true,
"displaySectionTitle": true,
"buttonProps":{
"label":"external link 2",
"type":"button",
"name": "test yes",
"variant":"link",
"className":"mb-6",
"disable":false
},
"fields": [
{
"name": "Developer",
"type": "select",
"label": "Developer",
"id": "Developer",
"placeholder": "",
"inputClass": "",
"containerClass": "",
"validations": [
{ "type": "required", "applyWhen": [], "applyWhenRelation": "OR" }
],
"displayWhen": {},
"haveValidations": "true",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"optionCallback": "getPosition Applied For",
"options": [
{ "value": "reactjs", "label": "React Js" },
{ "value": "nodejs", "label": "Node Js" },
{ "value": "python", "label": "Python" }
]
},
{
"name": "Top Skill",
"type": "text",
"label": "Top Skill",
"id": "skill",
"placeholder": "Top Skill",
"inputClass": "",
"containerClass": "",
"validations": [ {
"type": "required|alpha_space",
"applyWhen": [],
"applyWhenRelation": "OR"
}],
"displayWhen": {
"conditions": [
{
"name": "Developer",
"value": "reactjs",
"condition": "=="
}
],
"displayWhenRelation": "OR"
},
"haveValidations": "false",
"haveDisplayOptions": "true",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"optionCallback": "",
"options": []
}
],
"allowedUsers": [],
"sectionLayout": "2column"
},
{
"sectionName": "basicinformation",
"sectionTitle": "Basic Information",
"layout": { "label": "2 Column", "value": "2column" },
"containerClass": "basicInformation",
"displaySection": true,
"displaySectionTitle": true,
"fields": [
{
"name": "Test hobby",
"type": "checkbox",
"label": "Hobby",
"id": "hobby",
"placeholder": "",
"inputClass": "",
"containerClass": "",
"validations": [],
"displayWhen": {},
"haveValidations": "false",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"optionCallback": "",
"options": [
{ "value": "cricket", "label": "Cricket" },
{ "value": "readingBooks", "label": "Reading Books" },
{ "value": "travling", "label": "Travling" }
]
},
{
"name": "favoritePlayer",
"type": "text",
"label": "Favorite Player",
"id": "favoritePlayer",
"placeholder": "Enter favorite player",
"inputClass": "",
"containerClass": "",
"validations": [ {
"type": "required|alpha_space",
"applyWhen": [],
"applyWhenRelation": "OR"
}],
"displayWhen": {
"conditions": [
{ "name": "Test hobby", "value": "cricket", "condition": "==" }
],
"displayWhenRelation": "OR"
},
"haveValidations": "false",
"haveDisplayOptions": "true",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"optionCallback": "",
"options": []
}
],
"allowedUsers": [],
"sectionLayout": "2column"
},
{
"sectionName": "history",
"sectionTitle": "History",
"containerClass": "mt-4 ps-4",
"displaySection": true,
"displaySectionTitle": true,
"fields": [
{
"name": "History Data",
"type": "addmore",
"label": "",
"id": "",
"placeholder": "",
"inputClass": "",
"containerClass": "",
"validations": [],
"displayWhen": {},
"haveValidations": "false",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": "2column",
"fields": [
{
"name": "company_name",
"type": "text",
"label": "Company Name",
"maxLength":10,
"id": "",
"placeholder": "Company Name",
"inputClass": "",
"containerClass": "",
"validations": [
{
"type": "required|alpha_space",
"applyWhen": [],
"applyWhenRelation": "OR"
}
],
"displayWhen": {},
"haveValidations": "true",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "2 Column", "value": "2column" },
"options": [],
"fields": []
},
{
"name": "designation",
"type": "text",
"label": "Designation",
"id": "",
"placeholder": "Designation",
"inputClass": "",
"containerClass": "",
"validations": [
{
"type": "required|alpha_space",
"applyWhen": [],
"applyWhenRelation": "OR"
}
],
"displayWhen": {},
"haveValidations": "true",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"options": []
},
{
"name": "start_date",
"type": "date",
"label": "Start Date",
"id": "",
"dateFormat": "dd/MM/yyyy",
"placeholder": "Start Date",
"inputClass": "",
"containerClass": "",
"validations": [
{
"type": "required",
"applyWhen": [],
"applyWhenRelation": "OR"
},
{
"type": "",
"applyWhen": [
{
"name": "end_date",
"value": "end_date",
"condition": "!empty"
}
],
"applyWhenRelation": "OR"
}
],
"displayWhen": {},
"haveValidations": "true",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"options": []
},
{
"name": "end_date",
"type": "date",
"label": "End Date",
"id": "",
"dateFormat": "dd/MM/yyyy",
"placeholder": "End Date",
"inputClass": "",
"containerClass": "",
"validations": [
{
"type": "required",
"applyWhen": [
{
"name": "start_date",
"value": "start_date",
"condition": "!empty"
}
],
"applyWhenRelation": "OR"
}
],
"displayWhen": {},
"haveValidations": "true",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "start_date",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"options": []
},
{
"name": "duration",
"type": "text",
"label": "Duration",
"id": "",
"placeholder": "Duration",
"inputClass": "",
"containerClass": "",
"validations": [ {
"type": "required|alpha_space",
"applyWhen": [],
"applyWhenRelation": "OR"
}],
"displayWhen": {},
"haveValidations": "true",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": true,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"options": []
},
{
"name": "company_url",
"type": "text",
"label": "Company Url",
"id": "",
"placeholder": "Company Url",
"inputClass": "",
"containerClass": "",
"validations": [
{
"type": "required",
"applyWhen": [],
"applyWhenRelation": "OR"
},
{ "type": "url", "applyWhen": [], "applyWhenRelation": "OR" }
],
"displayWhen": {},
"haveValidations": "true",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"options": []
},
{
"name": "location",
"type": "text",
"label": "Location",
"id": "",
"placeholder": "Location",
"inputClass": "",
"containerClass": "",
"validations": [
{
"type": "required|alpha_space",
"applyWhen": [],
"applyWhenRelation": "OR"
}
],
"displayWhen": {},
"haveValidations": "true",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"options": []
},
{
"name": "reporting_person_hr",
"type": "text",
"label": "Hr Name",
"id": "",
"placeholder": "HR Name",
"inputClass": "",
"containerClass": "",
"validations": [ {
"type": "required|alpha_space",
"applyWhen": [],
"applyWhenRelation": "OR"
}],
"displayWhen": {},
"haveValidations": "true",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"options": [],
"fields": []
},
{
"name": "hr_email",
"type": "email",
"label": "HR Email",
"id": "",
"placeholder": "HR Email",
"inputClass": "",
"containerClass": "",
"validations": [],
"displayWhen": {},
"haveValidations": "false",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"options": []
},
{
"name": "hr_mobile",
"type": "number",
"label": "HR Contact No",
"id": "",
"placeholder": "HR Contact No",
"inputClass": "",
"containerClass": "",
"maxLength":10,
"validations": [],
"displayWhen": {},
"haveValidations": "false",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"options": []
},
{
"name": "reporting_person_manager",
"type": "text",
"label": "Manager Name",
"id": "",
"placeholder": "Manager Name",
"inputClass": "",
"containerClass": "",
"validations": [ {
"type": "required|alpha_space",
"applyWhen": [],
"applyWhenRelation": "OR"
}],
"displayWhen": {},
"haveValidations": "true",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"options": [],
"fields": []
},
{
"name": "manager_email",
"type": "email",
"label": "Manager Email",
"id": "",
"placeholder": "Manager Email",
"inputClass": "",
"containerClass": "",
"validations": [],
"displayWhen": {},
"haveValidations": "false",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"options": []
},
{
"name": "manager_mobile",
"type": "number",
"label": "Manager Contact No",
"id": "",
"placeholder": "Manager Contact No",
"inputClass": "",
"maxLength":10,
"containerClass": "",
"validations": [
],
"displayWhen": {},
"haveValidations": "false",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"options": []
},
{
"name": "is_fresher",
"type": "radio",
"label": "Work Status",
"id": "",
"placeholder": "",
"inputClass": "",
"containerClass": "mt-1",
"inline": "true",
"validations": [
{
"type": "required",
"applyWhen": [],
"applyWhenRelation": "OR"
}
],
"displayWhen": {},
"haveValidations": "true",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": {
"label": "1 Column",
"value": "1 column"
},
"fields": [],
"optionCallback": "handleIsFresherChange",
"options": [
{ "label": "Fresher", "value": "1" },
{ "label": "Experience", "value": "0" }
]
},
{
"name": "reason_job_change",
"type": "text",
"label": "Reason for job change",
"id": "",
"placeholder": "",
"inputClass": "",
"containerClass": "",
"validations": [
{
"type": "required|alpha_space",
"applyWhen": [],
"applyWhenRelation": "OR"
}
],
"displayWhen": {
"conditions": [
{
"name": "is_fresher",
"value": "0",
"condition": "=="
}
],
"displayWhenRelation": "OR"
},
"haveValidations": "false",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": {
"label": "1 Column",
"value": "1column"
},
"fields": [],
"optionCallback": "",
"options": []
},
{
"name": "Position_Applied_For",
"type": "select",
"label": "Position Applied For",
"id": "PositionAppliedFor",
"placeholder": "",
"inputClass": "",
"containerClass": "",
"validations": [
{ "type": "required", "applyWhen": [], "applyWhenRelation": "OR" }
],
"displayWhen": {},
"haveValidations": "true",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"optionCallback": "getPosition Applied For",
"options": [
{ "value": "reactjs", "label": "React Js" },
{ "value": "nodejs", "label": "Node Js" },
{ "value": "python", "label": "Python" }
]
},
{
"name": "Skills",
"type": "text",
"label": "Skills",
"id": "skill",
"placeholder": "Skill",
"inputClass": "",
"containerClass": "",
"validations": [ {
"type": "required|alpha_space",
"applyWhen": [],
"applyWhenRelation": "OR"
}],
"displayWhen": {
"conditions": [
{
"name": "Position_Applied_For",
"value": "reactjs",
"condition": "=="
}
],
"displayWhenRelation": "OR"
},
"haveValidations": "false",
"haveDisplayOptions": "true",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"optionCallback": "",
"options": []
},
{
"name": "hobby",
"type": "checkbox",
"label": "Hobby",
"id": "hobby",
"placeholder": "",
"inputClass": "",
"containerClass": "",
"validations": [],
"displayWhen": {},
"haveValidations": "false",
"haveDisplayOptions": "false",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"optionCallback": "",
"options": [
{ "value": "cricket", "label": "Cricket" },
{ "value": "readingBooks", "label": "Reading Books" },
{ "value": "travling", "label": "Travling" }
]
},
{
"name": "favoritePlayer",
"type": "text",
"label": "Favorite Player",
"id": "favoritePlayer",
"placeholder": "Enter favorite player",
"inputClass": "",
"containerClass": "",
"validations": [ {
"type": "required | alpha_space",
"applyWhen": [],
"applyWhenRelation": "OR"
}],
"displayWhen": {
"conditions": [
{ "name": "hobby", "value": "cricket", "condition": "==" }
],
"displayWhenRelation": "OR"
},
"haveValidations": "false",
"haveDisplayOptions": "true",
"callback": "",
"callbackUrl": "",
"inputToChange": "",
"minDateSelector": "",
"maxDateSelector": "",
"disabled": false,
"isMulti": false,
"allowedUsers": [],
"fieldsToReset": [],
"fieldLayout": { "label": "1 Column", "value": "1column" },
"fields": [],
"optionCallback": "",
"options": []
}
],
"optionCallback": "",
"options": []
}
],
"allowedUsers": [],
"sectionLayout": "1column"
}
]