dynamic-mui 1.0.30 → 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist-modules/components/controls/Select/select.js +7 -2
  2. package/dist-modules/data/select.js +5 -0
  3. package/docs/asset-manifest.json +5 -5
  4. package/docs/build/{2.3c12d3a0.js → 2.7567d890.js} +2 -2
  5. package/docs/build/main.523b831f.js +1 -0
  6. package/docs/index.html +2 -2
  7. package/package.json +2 -2
  8. package/docs/build/main.4e61cdbd.js +0 -1
  9. /package/docs/build/{2.3c12d3a0.js.LICENSE.txt → 2.7567d890.js.LICENSE.txt} +0 -0
package/docs/build/main.523b831f.js ADDED
@@ -0,0 +1 @@
1
+ (window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1054:function(e,t,a){var r={react:a(0)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",i);e.exports=[{type:"markdown",content:"Build dynamic forms using Material UI\n\n## Installation\n\n`npm install @mui/material @emotion/react @emotion/styled`\n`npm install dynamic-mui --save`\n\n\\##Usage"},{type:"code",content:"`import { FormGenerator } from 'dynamic-mui/dist-modules/components/FormGenerator'`;\n\nexport default function DynamicForm() {\n return (\n <FormGenerator\n data={[\n {\n type: 'textfield',\n props: {\n MuiAttributes: { placeholder: 'Standard', fullWidth: true, variant: 'standard' },\n },\n layout: {\n row: 1,\n xs: 4,\n sm: 4,\n },\n },\n ]}\n guid=\"Testing\"\n library={MUI}\n />\n );\n} ",settings:{},evalInContext:n}]},1058:function(e,t,a){e.exports={doclets:{},displayName:"CheckBox",description:"CheckBox Component\n",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Checkbox",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"}],tags:{},examples:a(1059)}},1059:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/checkbox":a(1142),react:a(0),"./checkbox.js":a(195)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CheckBox$0 = require('./checkbox.js');\nconst CheckBox = CheckBox$0.default || (CheckBox$0['CheckBox'] || CheckBox$0);",i);e.exports=[{type:"markdown",content:"Checkboxes can be used to turn an option on or off.\n\nIf you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches. If you have a single option, avoid using a checkbox and use an on/off switch instead.\n\nBasic checkboxes"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {checkBox} from \'../../../data/checkbox\';\n\n<FormGenerator data={checkBox} guid="checkbox"/>',settings:{},evalInContext:n},{type:"markdown",content:"Label, Color & Size"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {checkBoxCustom} from \'../../../data/checkbox\';\n\n<FormGenerator data={checkBoxCustom} guid="checkbox"/>',settings:{},evalInContext:n}]},1142:function(e,t,a){"use strict";a.r(t),a.d(t,"checkBox",(function(){return r})),a.d(t,"checkBoxCustom",(function(){return i}));const r=[{type:"checkbox",props:{id:"defaultChecked",MuiAttributes:{defaultChecked:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{id:"simple",MuiAttributes:{},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{id:"disabled",MuiAttributes:{disabled:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{id:"disabledchecked",MuiAttributes:{disabled:!0,checked:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}}],i=[{type:"checkbox",props:{id:"label",MuiAttributes:{defaultChecked:!0},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{id:"labelsmall",MuiAttributes:{size:"small",defaultChecked:!0,color:"secondary"},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{id:"labelcolordefault",MuiAttributes:{defaultChecked:!0,color:"default"},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{id:"labelcolorgreen",MuiAttributes:{defaultChecked:!0,sx:{color:"green","&.Mui-checked":{color:"green"}}},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:3,sm:3}}]},1143:function(e,t,a){e.exports={doclets:{},displayName:"DataTable",description:"",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for TextField",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"}],examples:a(1144)}},1144:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/dataTable":a(1145),react:a(0),"./datatable.js":a(197)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst DataTable$0 = require('./datatable.js');\nconst DataTable = DataTable$0.default || (DataTable$0['DataTable'] || DataTable$0);",i);e.exports=[{type:"markdown",content:"Basic component:"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {basicTable} from \'../../../data/dataTable\';\n\n<FormGenerator data={basicTable} guid="dataTable"/>',settings:{},evalInContext:n}]},1145:function(e,t,a){"use strict";a.r(t),a.d(t,"basicTable",(function(){return r})),a.d(t,"denseTable",(function(){return i}));const r=[{type:"datatable",props:{id:"datatable",container:{style:{height:400,width:"100%"}},MuiAttributes:{rows:[{id:1,lastName:"Snow",firstName:"Jon",age:35},{id:2,lastName:"Lannister",firstName:"Cersei",age:42},{id:3,lastName:"Lannister",firstName:"Jaime",age:45},{id:4,lastName:"Stark",firstName:"Arya",age:16},{id:5,lastName:"Targaryen",firstName:"Daenerys",age:null},{id:6,lastName:"Melisandre",firstName:"",age:150},{id:7,lastName:"Clifford",firstName:"Ferrara",age:44},{id:8,lastName:"Frances",firstName:"Rossini",age:36},{id:9,lastName:"Roxie",firstName:"Harvey",age:65}],columns:[{field:"id",headerName:"ID",width:70},{field:"firstName",headerName:"First name",width:130},{field:"lastName",headerName:"Last name",width:130},{field:"age",headerName:"Age",type:"number",width:90}]}},layout:{xs:12,sm:12,md:12}}],i=[]},1146:function(e,t,a){e.exports={doclets:{},displayName:"DateTime",description:"",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for DateTime",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"}],examples:a(1147)}},1147:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/dateTime":a(265),react:a(0),"./datetime.js":a(198)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst DateTime$0 = require('./datetime.js');\nconst DateTime = DateTime$0.default || (DateTime$0['DateTime'] || DateTime$0);",i);e.exports=[{type:"markdown",content:"Date pickers let the user select a date\n\nBasic usage"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {mui} from \'../../../data/dateTime\';\n\n<FormGenerator data={mui} guid="datetime"/>',settings:{},evalInContext:n},{type:"markdown",content:"Responsiveness"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {responsiveness} from \'../../../data/dateTime\';\n\n<FormGenerator data={responsiveness} guid="datetimeResponsiveness"/>',settings:{},evalInContext:n}]},1148:function(e,t,a){e.exports={doclets:{},displayName:"DateTimePicker",description:"",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for DateTimePicker",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"}],examples:a(1149)}},1149:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/dateTime":a(265),react:a(0),"./datetimepicker.js":a(199)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst DateTimePicker$0 = require('./datetimepicker.js');\nconst DateTimePicker = DateTimePicker$0.default || (DateTimePicker$0['DateTimePicker'] || DateTimePicker$0);",i);e.exports=[{type:"markdown",content:"Date pickers let the user select a date\n\nBasic usage"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {dateTimePicker} from \'../../../data/dateTime\';\n\n<FormGenerator data={dateTimePicker} guid="datetimePicker"/>',settings:{},evalInContext:n}]},1150:function(e,t,a){e.exports={doclets:{},displayName:"Radio",description:"Radio Component\n",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Radio",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"}],tags:{},examples:a(1151)}},1151:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/radio":a(1152),react:a(0),"./radio.js":a(204)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Radio$0 = require('./radio.js');\nconst Radio = Radio$0.default || (Radio$0['Radio'] || Radio$0);",i);e.exports=[{type:"markdown",content:"RadioGroup is a helpful wrapper used to group Radio components that provides an easier API, and proper keyboard accessibility to the group.\n\nBasic Radio"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {radioData} from \'../../../data/radio\';\n\n<FormGenerator data={radioData} guid="radio" patch={{}}/>',settings:{},evalInContext:n}]},1152:function(e,t,a){"use strict";a.r(t),a.d(t,"radioData",(function(){return r})),a.d(t,"customRadioData",(function(){return i}));const r=[{id:"staggerpenaltytype",type:"radio",props:{id:"staggerpenaltytype",value:"Apply penalty now",MuiAttributes:{},MuiFCLAttributes:{label:""},MuiFCLabels:["Apply penalty now","Apply penalty after due date"],MuiRGAttributes:{row:!0}},layout:{row:4,xs:9,sm:9},onChangeUpdate:[{formula:"({outstandingbalance} + ({outstandingbalance} * 0.10))",patchId:"newoutstanding"},{formula:"({outstandingbalance} + ({outstandingbalance} * 0.10)) - {outstandingbalance}",patchId:"penalty"}]}],i=[]},1153:function(e,t,a){e.exports={doclets:{},displayName:"Select",description:"",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Select",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"}],examples:a(1154)}},1154:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/select":a(1155),react:a(0),"./select.js":a(201)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Select$0 = require('./select.js');\nconst Select = Select$0.default || (Select$0['Select'] || Select$0);",i);e.exports=[{type:"markdown",content:"Date pickers let the user select a date\n\nBasic usage"},{type:"code",content:"import {FormGenerator} from \"../../FormGenerator\";\nimport {select} from '../../../data/select';\n\n<FormGenerator data={select} guid=\"selectbasic\" patch={{simpleselect:'ocean'}}/>",settings:{},evalInContext:n},{type:"markdown",content:"MultiSelect usage"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {multiSelect} from \'../../../data/select\';\n\n<FormGenerator data={multiSelect} guid="multiselect"/>',settings:{},evalInContext:n}]},1155:function(e,t,a){"use strict";a.r(t),a.d(t,"select",(function(){return i})),a.d(t,"multiSelect",(function(){return n}));const r=[{value:"ocean",label:"Ocean",color:"#00B8D9"},{value:"blue",label:"Blue",color:"#0052CC",disabled:!0},{value:"purple",label:"Purple",color:"#5243AA"},{value:"red",label:"Red",color:"#FF5630"},{value:"orange",label:"Orange",color:"#FF8B00"},{value:"yellow",label:"Yellow",color:"#FFC400"},{value:"green",label:"Green",color:"#36B37E"},{value:"forest",label:"Forest",color:"#00875A"},{value:"slate",label:"Slate",color:"#253858"},{value:"silver",label:"Silver",color:"#666666"}],i=[{type:"select",props:{id:"simpleselect",MuiAttributes:{},options:r,MuiBoxAttributes:{label:"Colors"},InputProps:{MuiInputAdornment:{},position:"start",icon:"account_circle"}},layout:{row:1,xs:12,sm:12}}],n=[{type:"select",props:{id:"multiselect",MuiAttributes:{multiple:!0,disableCloseOnSelect:!0},options:r,MuiBoxAttributes:{label:"Colors"}},layout:{row:1,xs:12,sm:12}}]},1156:function(e,t,a){e.exports={doclets:{},displayName:"Switch",description:"Switch Component\n",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Switch",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"}],tags:{},examples:a(1157)}},1157:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/switch":a(1158),react:a(0),"./switch.js":a(203)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Switch$0 = require('./switch.js');\nconst Switch = Switch$0.default || (Switch$0['Switch'] || Switch$0);",i);e.exports=[{type:"markdown",content:"Switches toggle the state of a single setting on or off.\n\nBasic switches"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {switchData} from \'../../../data/switch\';\n\n<FormGenerator data={switchData} guid="switch"/>',settings:{},evalInContext:n},{type:"markdown",content:"Label, Color & Size"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {switchCustom} from \'../../../data/switch\';\n\n<FormGenerator data={switchCustom} guid="switchcolor"/>',settings:{},evalInContext:n}]},1158:function(e,t,a){"use strict";a.r(t),a.d(t,"switchData",(function(){return r})),a.d(t,"switchCustom",(function(){return i}));const r=[{type:"switch",props:{id:"switchdefault",MuiAttributes:{defaultChecked:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"switch",props:{id:"switch",MuiAttributes:{},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"switch",props:{id:"switchdisabled",MuiAttributes:{disabled:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"switch",props:{id:"switchdisabledchecked",MuiAttributes:{disabled:!0,checked:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}}],i=[{type:"switch",props:{id:"switchlabel",MuiAttributes:{defaultChecked:!0},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:4,sm:4}},{type:"switch",props:{id:"switchlabelsmall",MuiAttributes:{size:"small",defaultChecked:!0,color:"secondary"},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:4,sm:4}},{type:"switch",props:{id:"switchlabelcolor",MuiAttributes:{defaultChecked:!0,color:"default"},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:4,sm:4}}]},1159:function(e,t,a){e.exports={doclets:{},displayName:"TextField",description:"",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for TextField",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"},{type:{name:"objectOf",value:{name:"array"}},required:!1,description:"Rules to be used",defaultValue:{value:"{}",computed:!1},tags:{},name:"rules"}],examples:a(1160)}},1160:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/textfield":a(1161),"react-json-tree":a(1218),react:a(0),"./textfield.js":a(205)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst TextField$0 = require('./textfield.js');\nconst TextField = TextField$0.default || (TextField$0['TextField'] || TextField$0);",i);e.exports=[{type:"markdown",content:"The TextField wrapper component is a complete form control including a label, input and help text.\n\nIt supports standard, outlined and filled styling"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {mui} from \'../../../data/textfield\';\n\n<FormGenerator data={mui} guid="textfield"/>',settings:{},evalInContext:n},{type:"code",content:"import {mui} from '../../../data/textfield';\nimport JSONTree from 'react-json-tree';\n\n<JSONTree data={mui} />",settings:{},evalInContext:n},{type:"markdown",content:"Validation:"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {validation} from \'../../../data/textfield\';\n\n<FormGenerator data={validation} guid="textfield"/>',settings:{},evalInContext:n},{type:"code",content:"import {validation} from '../../../data/textfield';\nimport JSONTree from 'react-json-tree';\n\n<JSONTree data={validation} />",settings:{},evalInContext:n},{type:"markdown",content:"InputAdornment:"},{type:"code",content:"import {FormGenerator} from \"../../FormGenerator\";\nimport {inputAdornment} from '../../../data/textfield';\n\n<FormGenerator data={inputAdornment} patch={{firstname:'dinakaran'}} guid=\"textfieldinput\"/>",settings:{},evalInContext:n},{type:"code",content:"import {sizesAndLayout} from '../../../data/textfield';\nimport JSONTree from 'react-json-tree';\n\n<JSONTree data={sizesAndLayout} />",settings:{},evalInContext:n},{type:"markdown",content:"Sizes & Layout:"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {sizesAndLayout} from \'../../../data/textfield\';\n\n<FormGenerator data={sizesAndLayout} guid="textfieldsize"/>',settings:{},evalInContext:n}]},1161:function(e,t,a){"use strict";a.r(t),a.d(t,"mui",(function(){return r})),a.d(t,"validation",(function(){return i})),a.d(t,"inputAdornment",(function(){return n})),a.d(t,"sizesAndLayout",(function(){return s}));const r=[{type:"textfield",props:{MuiAttributes:{placeholder:"Standard",fullWidth:!0,variant:"standard"}},layout:{row:1,xs:4,sm:4}},{type:"textfield",props:{MuiAttributes:{placeholder:"Filled",fullWidth:!0,variant:"filled"}},layout:{row:1,xs:4,sm:4}},{type:"textfield",props:{MuiAttributes:{placeholder:"Outlined",fullWidth:!0,variant:"outlined"}},layout:{row:1,xs:4,sm:4}}],i=[{type:"textfield",props:{MuiAttributes:{label:"Mandatory",fullWidth:!0,variant:"outlined"}},layout:{row:1,xs:3,sm:3},rules:{validation:[{rule:"mandatory",message:"Please enter your first name."}]}},{id:"password",type:"textfield",layout:{row:1,xs:3,sm:3},props:{id:"password",MuiAttributes:{type:"password",fullWidth:!0,label:"Password"}}},{id:"number",type:"textfield",layout:{row:1,xs:3,sm:3},props:{id:"number",MuiAttributes:{type:"number",fullWidth:!0,label:"Number"}}},{id:"currency",type:"textfield",layout:{row:1,xs:3,sm:3},props:{id:"currency",MuiAttributes:{fullWidth:!0,label:"Currency",name:"Currency"},format:"$0,0.00"}}],n=[{id:"firstname",type:"textfield",props:{id:"firstname",MuiAttributes:{fullWidth:!0,InputLabelProps:{shrink:!0},margin:"normal",label:"First Name"},InputProps:{MuiInputAdornment:{},position:"start",icon:"account_circle"}},rules:{validation:[{rule:"mandatory",message:"Please enter your first name."}]},layout:{row:1,xs:6,sm:6}},{id:"textfieldoutlined",type:"textfield",props:{id:"textfieldoutlined",MuiAttributes:{fullWidth:!0,InputLabelProps:{shrink:!0},margin:"normal",helperText:"Weight",label:"First Name"},InputProps:{MuiInputAdornment:{position:"end"},position:"end",text:"KG"}},layout:{row:1,xs:6,sm:6}}],s=[{id:"textfieldoutlined",type:"textfield",props:{id:"textfieldoutlined",MuiAttributes:{fullWidth:!0,size:"small",label:"Small"}},layout:{row:1,xs:4,sm:4}},{id:"textfieldoutlined",type:"textfield",props:{id:"textfieldoutlined",MuiAttributes:{fullWidth:!0,label:"Normal"}},layout:{row:1,xs:4,sm:4}},{id:"textfieldoutlined",type:"textfield",props:{id:"textfieldoutlined",MuiAttributes:{fullWidth:!0,label:"Disabled",disabled:!0}},layout:{row:1,xs:4,sm:4}},{id:"textfieldoutlined",type:"textfield",props:{id:"textfieldoutlined",MuiAttributes:{fullWidth:!0,label:"Fullwidth"}},layout:{row:1,xs:12,sm:12}}]},1213:function(e,t,a){e.exports={doclets:{},displayName:"TimePicker",description:"",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for TimePicker",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"}],examples:a(1214)}},1214:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/dateTime":a(265),react:a(0),"./timepicker.js":a(200)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst TimePicker$0 = require('./timepicker.js');\nconst TimePicker = TimePicker$0.default || (TimePicker$0['TimePicker'] || TimePicker$0);",i);e.exports=[{type:"markdown",content:"Date pickers let the user select a date\n\nBasic usage"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {timePicker} from \'../../../data/dateTime\';\n\n<FormGenerator data={timePicker} guid="timepicker"/>',settings:{},evalInContext:n}]},1215:function(e,t,a){e.exports={doclets:{},displayName:"Typography",description:"Typography Component\n",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Typography",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"}],tags:{},examples:a(1216)}},1216:function(e,t,a){var r={"../../FormGenerator":a(85),react:a(0),"./typography.js":a(196)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Typography$0 = require('./typography.js');\nconst Typography = Typography$0.default || (Typography$0['Typography'] || Typography$0);",i);e.exports=[{type:"markdown",content:"Basic component:"},{type:"code",content:"import {FormGenerator} from \"../../FormGenerator\";\n\n<FormGenerator data={[{\n type: 'typography',\n props: {\n text: 'Hi'\n },\n layout: {\n xs:12, sm:6, md:12\n }\n}]} guid=\"typography\"/>",settings:{},evalInContext:n},{type:"markdown",content:"Component styled:"},{type:"code",content:"import {FormGenerator} from \"../../FormGenerator\";\n\n<FormGenerator data={[{\n type: 'typography',\n props: {\n text: 'Styled with color',\n MuiAttributes: {\n color: 'secondary',\n variant: 'h6',\n component: \"h2\", gutterBottom: true\n }\n },\n layout: {\n xs:12, sm:6, md:12\n }\n}]} guid=\"typography\"/>",settings:{},evalInContext:n}]},195:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return CheckBox}));var r=a(0),i=a.n(r),n=a(406),s=a(283),o=a(3);function CheckBox(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:r={},MuiFCLAttributes:c={},id:l=""}=t,[u,p]=i.a.useState(r.defaultChecked||(null==t?void 0:t.value)||!1);return Object(o.jsx)(s.a,{...c,control:Object(o.jsx)(n.a,{checked:u,onChange:e=>{p(e.target.checked),a({id:l,value:e.target.checked})},...r,inputProps:{"aria-label":"controlled"}})})}CheckBox.defaultProps={attributes:{},onChange:null}},196:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return Typography}));a(0);var r=a(410),i=a(3);function Typography(e){let{attributes:t}=e;const{MuiAttributes:a={},text:n=""}=t;return Object(i.jsx)(r.a,{...a,children:n})}Typography.defaultProps={attributes:{}}},197:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return DataTable}));a(0);var r=a(1230),i=a(3);function DataTable(e){const{attributes:t}=e,{MuiAttributes:a={},container:n={}}=t;return Object(i.jsx)("div",{...n,children:Object(i.jsx)(r.a,{...a})})}DataTable.defaultProps={attributes:{}}},198:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return DateTime}));var r=a(0),i=a.n(r),n=a(227),s=a(281),o=a(164),c=a(40),l=a(88),u=a(3);function DateTime(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:r={},name:p="DatePicker",id:d="",MuiTextAttributes:m}=t,[j,y]=i.a.useState(null!=t&&t.value?new Date(null==t?void 0:t.value):new Date);Object(l.a)((()=>{null!=t&&t.value&&y(new Date(null==t?void 0:t.value))}),[null==t?void 0:t.value]);const b=Object(c.a)(p);return Object(u.jsx)(o.a,{dateAdapter:s.a,children:Object(u.jsx)(b,{value:j,onChange:e=>{y(e),a({id:d,value:e})},...r,renderInput:e=>Object(u.jsx)(n.a,{...e,...m})})})}DateTime.defaultProps={attributes:{},onChange:null}},199:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return DateTimePicker}));var r=a(0),i=a.n(r),n=a(227),s=a(281),o=a(164),c=a(40),l=a(88),u=a(3);function DateTimePicker(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:r={},name:p="DateTimePicker",id:d="",MuiTextAttributes:m}=t,[j,y]=i.a.useState(null!=t&&t.value?new Date(null==t?void 0:t.value):new Date);Object(l.a)((()=>{null!=t&&t.value&&y(new Date(null==t?void 0:t.value))}),[null==t?void 0:t.value]);const b=Object(c.a)(p);return Object(u.jsx)(o.a,{dateAdapter:s.a,children:Object(u.jsx)(b,{value:j,onChange:e=>{y(e),a({id:d,value:e})},...r,renderInput:e=>Object(u.jsx)(n.a,{...e,...m})})})}DateTimePicker.defaultProps={attributes:{},onChange:null}},200:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return TimePicker}));var r=a(0),i=a.n(r),n=a(227),s=a(281),o=a(164),c=a(40),l=a(88),u=a(3);function TimePicker(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:r={},name:p="TimePicker",id:d="",MuiTextAttributes:m}=t,[j,y]=i.a.useState(null!=t&&t.value?new Date(null==t?void 0:t.value):new Date);Object(l.a)((()=>{null!=t&&t.value&&y(new Date(null==t?void 0:t.value))}),[null==t?void 0:t.value]);const b=Object(c.a)(p);return Object(u.jsx)(o.a,{dateAdapter:s.a,children:Object(u.jsx)(b,{value:j,onChange:e=>{y(e),a({id:d,value:e})},...r,renderInput:e=>Object(u.jsx)(n.a,{...e,...m})})})}TimePicker.defaultProps={attributes:{},onChange:null}},201:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return Select}));var r=a(0),i=a.n(r),n=a(406),s=a(227),o=a(1233),c=a(396),l=a.n(c),u=a(397),p=a.n(u),d=a(40),m=a(3);const j=Object(m.jsx)(l.a,{fontSize:"small"}),y=Object(m.jsx)(p.a,{fontSize:"small"}),getValue=function(){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).find((t=>{let{value:a}=t;return e===a}))};function Select(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:c={},options:l=[],MuiBoxAttributes:u={},id:p="",InputProps:b={}}=t,[h,f]=i.a.useState((null==t?void 0:t.value)&&getValue(l,null==t?void 0:t.value)),S=Object(r.useCallback)(((e,t)=>{f(t);const r=c.multiple?(t||[]).map((e=>e.title||e.label||e.value)):t.title||t.label||t.value;a({id:p,value:r,option:t})}),[]);return Object(m.jsx)(o.a,{...(c.multiple&&(c.renderOption=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{selected:a}=arguments.length>2?arguments[2]:void 0;return Object(m.jsxs)("li",{...e,children:[Object(m.jsx)(n.a,{icon:j,checkedIcon:y,style:{marginRight:8},checked:a,sx:Object(d.b)(t.color||"")}),t.title||t.label||t.value]})}),c),disablePortal:!0,options:l,value:h,onChange:S,renderInput:e=>Object(m.jsx)(s.a,{...e,...u,inputProps:{...e.inputProps,autoComplete:"new-password"},InputProps:{...e.InputProps,...Object(d.e)(b)}})})}Select.defaultProps={attributes:{},onChange:null}},203:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return Switch}));var r=a(0),i=a.n(r),n=a(405),s=a(283),o=a(8),c=a(145),l=a(3);const u=Object(o.a)((e=>{let{color:t,...a}=e;return Object(l.jsx)(n.a,{...a})}))((e=>{let{theme:t}=e;return{"& .MuiSwitch-switchBase.Mui-checked":{color:e=>e.color||"green","&:hover":{backgroundColor:e=>Object(c.a)(e.color||"green",t.palette.action.hoverOpacity)}},"& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track":{backgroundColor:e=>e.color||"green"}}}));function Switch(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:r={},MuiFCLAttributes:o={},color:c="",id:p=""}=t,[d,m]=i.a.useState(r.defaultChecked||!1),j=c?u:n.a;return Object(l.jsx)(s.a,{...o,control:Object(l.jsx)(j,{checked:d,onChange:e=>{m(e.target.checked),a({id:p,value:e.target.checked})},...r,inputProps:{"aria-label":"controlled"}})})}Switch.defaultProps={attributes:{},onChange:null}},204:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return Radio}));var r=a(0),i=a.n(r),n=a(1232),s=a(1236),o=a(283),c=a(1237),l=a(1224),u=a(88),p=a(3);function Radio(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:d={},MuiFCLAttributes:m={},MuiRGAttributes:j={},id:y="",MuiFLAttributes:b={},MuiFCLabels:h=[],MuiFLabel:f=""}=t,[S,x]=i.a.useState("");Object(r.useEffect)((()=>{(t.value||d.defaultValue)&&x(t.value||d.defaultValue)}),[]),Object(u.a)((()=>{x(t.value)}),[t.value]);return Object(p.jsxs)(c.a,{children:[f&&Object(p.jsx)(l.a,{...b,id:"radio-buttons-group-label",children:f}),Object(p.jsx)(s.a,{"aria-labelledby":"radio-buttons-group-label",name:"radio-buttons-group",...j,value:S,onChange:e=>{x(e.target.value),a({id:y,value:e.target.value})},children:h.map((e=>Object(p.jsx)(o.a,{...m,value:e,control:Object(p.jsx)(n.a,{...d}),label:e})))})]})}Radio.defaultProps={attributes:{},onChange:null}},205:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return textfield_TextField}));var r=a(0),i=a.n(r),n=a(210),s=a.n(n),o=a(227),c=a(40),l=a(30),u=a.n(l);var p={email:(e,t)=>u.a.isEmail(e,t),equals:(e,t)=>u.a.equals(e,t),mandatory:e=>!u.a.isEmpty(e),mandatoryselect:e=>e.length>0,mobile:(e,t)=>u.a.isMobilePhone(e,t),lowercase:e=>u.a.isLowercase(e),uppercase:e=>u.a.isUppercase(e),length:(e,t)=>u.a.isLength(e,t),url:(e,t)=>u.a.isURL(e,t),creditcard:e=>u.a.isCreditCard(e),currency:(e,t)=>u.a.isCurrency(e,t),date:e=>u.a.isDate(e),boolean:e=>u.a.isBoolean(e),alphanumeric(e,t){u.a.isAlphanumeric(e,t)},contains:(e,t)=>u.a.contains(e,t),FQDN:(e,t)=>u.a.isFQDN(e,t),float:(e,t)=>u.a.isFloat(e,t),ip:(e,t)=>u.a.isIP(e,t),ISBN:(e,t)=>u.a.isISBN(e,t),MACAddress:e=>u.a.isMACAddress(e),MD5:e=>u.a.isMD5(e),numeric:e=>u.a.isNumeric(e),UUID:(e,t)=>u.a.isUUID(e,t),matches:(e,t)=>u.a.matches(e,t),int:(e,t)=>u.a.isInt(e,t),hexcolor:e=>u.a.isHexColor(e),dataURI:e=>u.a.isDataURI(e),decimal:e=>u.a.isDecimal(e),alpha:(e,t)=>u.a.isAlpha(e,t),negative:e=>s()(e).value()>-1},d=a(3);function textfield_TextField(e){let{attributes:t,rules:a={},onChange:r}=e;const{MuiAttributes:n={},InputProps:l={},format:u="",id:m=""}=t,[j,y]=i.a.useState({value:t.value||"",helperText:n.helperText||"",error:!1}),validate=e=>{let t=!1;const{validation:r}=a;if(r)for(let a=0;a<r.length;a+=1){const i=r[a];if(t=p[i.rule](e,i.value),!t)return{isValid:!1,message:i.message}}return{isValid:!0,message:""}};return Object(d.jsx)(o.a,{fullWidth:!0,...n,InputProps:Object(c.e)(l),onChange:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const{value:r}=t[0].target,i=validate(r);y({value:r,helperText:i.message,error:!i.isValid})},onBlur:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const{value:i}=t[0].target,n=(o=i,u?s()(o).format(u):o);var o;const c=validate(n);y({value:n,helperText:c.message,error:!c.isValid}),"function"==typeof r&&r({id:m,value:n})},onFocus:()=>{},value:j.value,error:j.error,helperText:j.helperText})}textfield_TextField.defaultProps={attributes:{},rules:{},onChange:null}},265:function(e,t,a){"use strict";a.r(t),a.d(t,"mui",(function(){return r})),a.d(t,"responsiveness",(function(){return i})),a.d(t,"dateRange",(function(){return n})),a.d(t,"dateTimePicker",(function(){return s})),a.d(t,"timePicker",(function(){return o}));const r=[{type:"datetime",props:{id:"datetime",MuiAttributes:{placeholder:"Standard",variant:"standard",fullWidth:!0,sx:{width:"100%"}},value:"12/09/2023"},layout:{row:1,xs:4,sm:4}}],i=[{type:"datetime",props:{id:"datetimemobile",MuiAttributes:{label:"For mobile",fullWidth:!0,variant:"standard"},name:"MobileDatePicker"},layout:{row:1,xs:4,sm:4}},{type:"datetime",props:{id:"datetimestandard",MuiAttributes:{label:"For desktop",fullWidth:!0,variant:"standard"},name:"DesktopDatePicker"},layout:{row:1,xs:4,sm:4}},{type:"datetime",props:{id:"datetimeresponsive",MuiAttributes:{label:"Responsive",fullWidth:!0,variant:"standard",disableFuture:!0,openTo:"year",views:["year","month","day"]}},layout:{row:1,xs:4,sm:4}}],n=[{type:"daterangepicker",props:{id:"daterangepicker",MuiAttributes:{fullWidth:!0,variant:"standard",startText:"Check-in",endText:"Check-out"}},layout:{row:1,xs:12,sm:12}}],s=[{type:"datetimepicker",props:{id:"datetimepicker",MuiAttributes:{label:"Standard",fullWidth:!0,variant:"standard"}},layout:{row:1,xs:12,sm:12}}],o=[{type:"timepicker",props:{id:"timepicker",MuiAttributes:{label:"Standard",fullWidth:!0,variant:"standard"}},layout:{row:1,xs:12,sm:12}}]},40:function(e,t,a){"use strict";a.d(t,"d",(function(){return generateLayout})),a.d(t,"e",(function(){return getInputProps})),a.d(t,"c",(function(){return generateKey})),a.d(t,"f",(function(){return updatePatchData})),a.d(t,"a",(function(){return DateComponent})),a.d(t,"b",(function(){return checkboxSX}));var r=a(98),i=a(81),n=a.n(i),s=a(413),o=a(1239),c=a(399),l=a(401),u=a(1226),p=a(402),d=a(407),m=a(1227),j=a(404),y=a(403),b=a(1228),h=(a(0),a(3));function generateLayout(e){const t={wrows:[],worows:[]},a=Object(r.clone)(e);t.worows=Object(r.remove)(a,(e=>void 0===(e.layout?e.layout.row:e.layout)));const i=Object(r.map)(a,"layout.row"),n=Object(r.uniq)(i),s=Object(r.sortBy)(n);return Object(r.each)(s,(e=>{const i=[];Object(r.each)(a,(t=>{t.layout&&t.layout.row===e&&i.push(t)})),t.wrows.push(i)})),t}function getInputProps(e){if(!n()(e)){const{MuiInputAdornment:t={},position:a="start",icon:r,text:i,textstyle:c={}}=e;return{["".concat(a,"Adornment")]:Object(h.jsxs)(s.a,{...t,children:[r&&Object(h.jsx)(o.a,{children:r}),n()(c)?i||"":Object(h.jsx)("div",{style:c,children:i||""})]})}}return{}}const generateKey=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;const a=Math.random().toString(36).substr(2,9),r=(new Date).toLocaleTimeString("en").trim();return"".concat(e,"_").concat(t,"_").concat(a,"_").concat(r)},updatePatchData=(e,t,a,i)=>{i[a]=t;const n=Object.assign([],e);return Object(r.map)(n,(e=>{var t;const r={...e},n=(null==r?void 0:r.id)||(null==r||null===(t=r.props)||void 0===t?void 0:t.id);return n&&i[a][n]&&(r.props.value=i[a][n]||""),r}))},DateComponent=e=>"MobileDatePicker"===e?c.a:"DesktopDatePicker"===e?l.a:"DateTimePicker"===e?u.a:"MobileDateTimePicker"===e?p.a:"DesktopDateTimePicker"===e?d.a:"TimePicker"===e?m.a:"MobileTimePicker"===e?j.a:"DesktopTimePicker"===e?y.a:b.a,checkboxSX=e=>e?{color:e,"&.Mui-checked":{color:e}}:{}},447:function(e,t,a){e.exports=a(1217)},642:function(e,t,a){var r={"./Binary_Property/ASCII.js":643,"./Binary_Property/ASCII_Hex_Digit.js":644,"./Binary_Property/Alphabetic.js":645,"./Binary_Property/Any.js":646,"./Binary_Property/Assigned.js":647,"./Binary_Property/Bidi_Control.js":648,"./Binary_Property/Bidi_Mirrored.js":649,"./Binary_Property/Case_Ignorable.js":650,"./Binary_Property/Cased.js":651,"./Binary_Property/Changes_When_Casefolded.js":652,"./Binary_Property/Changes_When_Casemapped.js":653,"./Binary_Property/Changes_When_Lowercased.js":654,"./Binary_Property/Changes_When_NFKC_Casefolded.js":655,"./Binary_Property/Changes_When_Titlecased.js":656,"./Binary_Property/Changes_When_Uppercased.js":657,"./Binary_Property/Dash.js":658,"./Binary_Property/Default_Ignorable_Code_Point.js":659,"./Binary_Property/Deprecated.js":660,"./Binary_Property/Diacritic.js":661,"./Binary_Property/Emoji.js":662,"./Binary_Property/Emoji_Component.js":663,"./Binary_Property/Emoji_Modifier.js":664,"./Binary_Property/Emoji_Modifier_Base.js":665,"./Binary_Property/Emoji_Presentation.js":666,"./Binary_Property/Extended_Pictographic.js":667,"./Binary_Property/Extender.js":668,"./Binary_Property/Grapheme_Base.js":669,"./Binary_Property/Grapheme_Extend.js":670,"./Binary_Property/Hex_Digit.js":671,"./Binary_Property/IDS_Binary_Operator.js":672,"./Binary_Property/IDS_Trinary_Operator.js":673,"./Binary_Property/ID_Continue.js":674,"./Binary_Property/ID_Start.js":675,"./Binary_Property/Ideographic.js":676,"./Binary_Property/Join_Control.js":677,"./Binary_Property/Logical_Order_Exception.js":678,"./Binary_Property/Lowercase.js":679,"./Binary_Property/Math.js":680,"./Binary_Property/Noncharacter_Code_Point.js":681,"./Binary_Property/Pattern_Syntax.js":682,"./Binary_Property/Pattern_White_Space.js":683,"./Binary_Property/Quotation_Mark.js":684,"./Binary_Property/Radical.js":685,"./Binary_Property/Regional_Indicator.js":686,"./Binary_Property/Sentence_Terminal.js":687,"./Binary_Property/Soft_Dotted.js":688,"./Binary_Property/Terminal_Punctuation.js":689,"./Binary_Property/Unified_Ideograph.js":690,"./Binary_Property/Uppercase.js":691,"./Binary_Property/Variation_Selector.js":692,"./Binary_Property/White_Space.js":693,"./Binary_Property/XID_Continue.js":694,"./Binary_Property/XID_Start.js":695,"./General_Category/Cased_Letter.js":696,"./General_Category/Close_Punctuation.js":697,"./General_Category/Connector_Punctuation.js":698,"./General_Category/Control.js":699,"./General_Category/Currency_Symbol.js":700,"./General_Category/Dash_Punctuation.js":701,"./General_Category/Decimal_Number.js":702,"./General_Category/Enclosing_Mark.js":703,"./General_Category/Final_Punctuation.js":704,"./General_Category/Format.js":705,"./General_Category/Initial_Punctuation.js":706,"./General_Category/Letter.js":707,"./General_Category/Letter_Number.js":708,"./General_Category/Line_Separator.js":709,"./General_Category/Lowercase_Letter.js":710,"./General_Category/Mark.js":711,"./General_Category/Math_Symbol.js":712,"./General_Category/Modifier_Letter.js":713,"./General_Category/Modifier_Symbol.js":714,"./General_Category/Nonspacing_Mark.js":715,"./General_Category/Number.js":716,"./General_Category/Open_Punctuation.js":717,"./General_Category/Other.js":718,"./General_Category/Other_Letter.js":719,"./General_Category/Other_Number.js":720,"./General_Category/Other_Punctuation.js":721,"./General_Category/Other_Symbol.js":722,"./General_Category/Paragraph_Separator.js":723,"./General_Category/Private_Use.js":724,"./General_Category/Punctuation.js":725,"./General_Category/Separator.js":726,"./General_Category/Space_Separator.js":727,"./General_Category/Spacing_Mark.js":728,"./General_Category/Surrogate.js":729,"./General_Category/Symbol.js":730,"./General_Category/Titlecase_Letter.js":731,"./General_Category/Unassigned.js":732,"./General_Category/Uppercase_Letter.js":733,"./Script/Adlam.js":734,"./Script/Ahom.js":735,"./Script/Anatolian_Hieroglyphs.js":736,"./Script/Arabic.js":737,"./Script/Armenian.js":738,"./Script/Avestan.js":739,"./Script/Balinese.js":740,"./Script/Bamum.js":741,"./Script/Bassa_Vah.js":742,"./Script/Batak.js":743,"./Script/Bengali.js":744,"./Script/Bhaiksuki.js":745,"./Script/Bopomofo.js":746,"./Script/Brahmi.js":747,"./Script/Braille.js":748,"./Script/Buginese.js":749,"./Script/Buhid.js":750,"./Script/Canadian_Aboriginal.js":751,"./Script/Carian.js":752,"./Script/Caucasian_Albanian.js":753,"./Script/Chakma.js":754,"./Script/Cham.js":755,"./Script/Cherokee.js":756,"./Script/Chorasmian.js":757,"./Script/Common.js":758,"./Script/Coptic.js":759,"./Script/Cuneiform.js":760,"./Script/Cypriot.js":761,"./Script/Cyrillic.js":762,"./Script/Deseret.js":763,"./Script/Devanagari.js":764,"./Script/Dives_Akuru.js":765,"./Script/Dogra.js":766,"./Script/Duployan.js":767,"./Script/Egyptian_Hieroglyphs.js":768,"./Script/Elbasan.js":769,"./Script/Elymaic.js":770,"./Script/Ethiopic.js":771,"./Script/Georgian.js":772,"./Script/Glagolitic.js":773,"./Script/Gothic.js":774,"./Script/Grantha.js":775,"./Script/Greek.js":776,"./Script/Gujarati.js":777,"./Script/Gunjala_Gondi.js":778,"./Script/Gurmukhi.js":779,"./Script/Han.js":780,"./Script/Hangul.js":781,"./Script/Hanifi_Rohingya.js":782,"./Script/Hanunoo.js":783,"./Script/Hatran.js":784,"./Script/Hebrew.js":785,"./Script/Hiragana.js":786,"./Script/Imperial_Aramaic.js":787,"./Script/Inherited.js":788,"./Script/Inscriptional_Pahlavi.js":789,"./Script/Inscriptional_Parthian.js":790,"./Script/Javanese.js":791,"./Script/Kaithi.js":792,"./Script/Kannada.js":793,"./Script/Katakana.js":794,"./Script/Kayah_Li.js":795,"./Script/Kharoshthi.js":796,"./Script/Khitan_Small_Script.js":797,"./Script/Khmer.js":798,"./Script/Khojki.js":799,"./Script/Khudawadi.js":800,"./Script/Lao.js":801,"./Script/Latin.js":802,"./Script/Lepcha.js":803,"./Script/Limbu.js":804,"./Script/Linear_A.js":805,"./Script/Linear_B.js":806,"./Script/Lisu.js":807,"./Script/Lycian.js":808,"./Script/Lydian.js":809,"./Script/Mahajani.js":810,"./Script/Makasar.js":811,"./Script/Malayalam.js":812,"./Script/Mandaic.js":813,"./Script/Manichaean.js":814,"./Script/Marchen.js":815,"./Script/Masaram_Gondi.js":816,"./Script/Medefaidrin.js":817,"./Script/Meetei_Mayek.js":818,"./Script/Mende_Kikakui.js":819,"./Script/Meroitic_Cursive.js":820,"./Script/Meroitic_Hieroglyphs.js":821,"./Script/Miao.js":822,"./Script/Modi.js":823,"./Script/Mongolian.js":824,"./Script/Mro.js":825,"./Script/Multani.js":826,"./Script/Myanmar.js":827,"./Script/Nabataean.js":828,"./Script/Nandinagari.js":829,"./Script/New_Tai_Lue.js":830,"./Script/Newa.js":831,"./Script/Nko.js":832,"./Script/Nushu.js":833,"./Script/Nyiakeng_Puachue_Hmong.js":834,"./Script/Ogham.js":835,"./Script/Ol_Chiki.js":836,"./Script/Old_Hungarian.js":837,"./Script/Old_Italic.js":838,"./Script/Old_North_Arabian.js":839,"./Script/Old_Permic.js":840,"./Script/Old_Persian.js":841,"./Script/Old_Sogdian.js":842,"./Script/Old_South_Arabian.js":843,"./Script/Old_Turkic.js":844,"./Script/Oriya.js":845,"./Script/Osage.js":846,"./Script/Osmanya.js":847,"./Script/Pahawh_Hmong.js":848,"./Script/Palmyrene.js":849,"./Script/Pau_Cin_Hau.js":850,"./Script/Phags_Pa.js":851,"./Script/Phoenician.js":852,"./Script/Psalter_Pahlavi.js":853,"./Script/Rejang.js":854,"./Script/Runic.js":855,"./Script/Samaritan.js":856,"./Script/Saurashtra.js":857,"./Script/Sharada.js":858,"./Script/Shavian.js":859,"./Script/Siddham.js":860,"./Script/SignWriting.js":861,"./Script/Sinhala.js":862,"./Script/Sogdian.js":863,"./Script/Sora_Sompeng.js":864,"./Script/Soyombo.js":865,"./Script/Sundanese.js":866,"./Script/Syloti_Nagri.js":867,"./Script/Syriac.js":868,"./Script/Tagalog.js":869,"./Script/Tagbanwa.js":870,"./Script/Tai_Le.js":871,"./Script/Tai_Tham.js":872,"./Script/Tai_Viet.js":873,"./Script/Takri.js":874,"./Script/Tamil.js":875,"./Script/Tangut.js":876,"./Script/Telugu.js":877,"./Script/Thaana.js":878,"./Script/Thai.js":879,"./Script/Tibetan.js":880,"./Script/Tifinagh.js":881,"./Script/Tirhuta.js":882,"./Script/Ugaritic.js":883,"./Script/Vai.js":884,"./Script/Wancho.js":885,"./Script/Warang_Citi.js":886,"./Script/Yezidi.js":887,"./Script/Yi.js":888,"./Script/Zanabazar_Square.js":889,"./Script_Extensions/Adlam.js":890,"./Script_Extensions/Ahom.js":891,"./Script_Extensions/Anatolian_Hieroglyphs.js":892,"./Script_Extensions/Arabic.js":893,"./Script_Extensions/Armenian.js":894,"./Script_Extensions/Avestan.js":895,"./Script_Extensions/Balinese.js":896,"./Script_Extensions/Bamum.js":897,"./Script_Extensions/Bassa_Vah.js":898,"./Script_Extensions/Batak.js":899,"./Script_Extensions/Bengali.js":900,"./Script_Extensions/Bhaiksuki.js":901,"./Script_Extensions/Bopomofo.js":902,"./Script_Extensions/Brahmi.js":903,"./Script_Extensions/Braille.js":904,"./Script_Extensions/Buginese.js":905,"./Script_Extensions/Buhid.js":906,"./Script_Extensions/Canadian_Aboriginal.js":907,"./Script_Extensions/Carian.js":908,"./Script_Extensions/Caucasian_Albanian.js":909,"./Script_Extensions/Chakma.js":910,"./Script_Extensions/Cham.js":911,"./Script_Extensions/Cherokee.js":912,"./Script_Extensions/Chorasmian.js":913,"./Script_Extensions/Common.js":914,"./Script_Extensions/Coptic.js":915,"./Script_Extensions/Cuneiform.js":916,"./Script_Extensions/Cypriot.js":917,"./Script_Extensions/Cyrillic.js":918,"./Script_Extensions/Deseret.js":919,"./Script_Extensions/Devanagari.js":920,"./Script_Extensions/Dives_Akuru.js":921,"./Script_Extensions/Dogra.js":922,"./Script_Extensions/Duployan.js":923,"./Script_Extensions/Egyptian_Hieroglyphs.js":924,"./Script_Extensions/Elbasan.js":925,"./Script_Extensions/Elymaic.js":926,"./Script_Extensions/Ethiopic.js":927,"./Script_Extensions/Georgian.js":928,"./Script_Extensions/Glagolitic.js":929,"./Script_Extensions/Gothic.js":930,"./Script_Extensions/Grantha.js":931,"./Script_Extensions/Greek.js":932,"./Script_Extensions/Gujarati.js":933,"./Script_Extensions/Gunjala_Gondi.js":934,"./Script_Extensions/Gurmukhi.js":935,"./Script_Extensions/Han.js":936,"./Script_Extensions/Hangul.js":937,"./Script_Extensions/Hanifi_Rohingya.js":938,"./Script_Extensions/Hanunoo.js":939,"./Script_Extensions/Hatran.js":940,"./Script_Extensions/Hebrew.js":941,"./Script_Extensions/Hiragana.js":942,"./Script_Extensions/Imperial_Aramaic.js":943,"./Script_Extensions/Inherited.js":944,"./Script_Extensions/Inscriptional_Pahlavi.js":945,"./Script_Extensions/Inscriptional_Parthian.js":946,"./Script_Extensions/Javanese.js":947,"./Script_Extensions/Kaithi.js":948,"./Script_Extensions/Kannada.js":949,"./Script_Extensions/Katakana.js":950,"./Script_Extensions/Kayah_Li.js":951,"./Script_Extensions/Kharoshthi.js":952,"./Script_Extensions/Khitan_Small_Script.js":953,"./Script_Extensions/Khmer.js":954,"./Script_Extensions/Khojki.js":955,"./Script_Extensions/Khudawadi.js":956,"./Script_Extensions/Lao.js":957,"./Script_Extensions/Latin.js":958,"./Script_Extensions/Lepcha.js":959,"./Script_Extensions/Limbu.js":960,"./Script_Extensions/Linear_A.js":961,"./Script_Extensions/Linear_B.js":962,"./Script_Extensions/Lisu.js":963,"./Script_Extensions/Lycian.js":964,"./Script_Extensions/Lydian.js":965,"./Script_Extensions/Mahajani.js":966,"./Script_Extensions/Makasar.js":967,"./Script_Extensions/Malayalam.js":968,"./Script_Extensions/Mandaic.js":969,"./Script_Extensions/Manichaean.js":970,"./Script_Extensions/Marchen.js":971,"./Script_Extensions/Masaram_Gondi.js":972,"./Script_Extensions/Medefaidrin.js":973,"./Script_Extensions/Meetei_Mayek.js":974,"./Script_Extensions/Mende_Kikakui.js":975,"./Script_Extensions/Meroitic_Cursive.js":976,"./Script_Extensions/Meroitic_Hieroglyphs.js":977,"./Script_Extensions/Miao.js":978,"./Script_Extensions/Modi.js":979,"./Script_Extensions/Mongolian.js":980,"./Script_Extensions/Mro.js":981,"./Script_Extensions/Multani.js":982,"./Script_Extensions/Myanmar.js":983,"./Script_Extensions/Nabataean.js":984,"./Script_Extensions/Nandinagari.js":985,"./Script_Extensions/New_Tai_Lue.js":986,"./Script_Extensions/Newa.js":987,"./Script_Extensions/Nko.js":988,"./Script_Extensions/Nushu.js":989,"./Script_Extensions/Nyiakeng_Puachue_Hmong.js":990,"./Script_Extensions/Ogham.js":991,"./Script_Extensions/Ol_Chiki.js":992,"./Script_Extensions/Old_Hungarian.js":993,"./Script_Extensions/Old_Italic.js":994,"./Script_Extensions/Old_North_Arabian.js":995,"./Script_Extensions/Old_Permic.js":996,"./Script_Extensions/Old_Persian.js":997,"./Script_Extensions/Old_Sogdian.js":998,"./Script_Extensions/Old_South_Arabian.js":999,"./Script_Extensions/Old_Turkic.js":1e3,"./Script_Extensions/Oriya.js":1001,"./Script_Extensions/Osage.js":1002,"./Script_Extensions/Osmanya.js":1003,"./Script_Extensions/Pahawh_Hmong.js":1004,"./Script_Extensions/Palmyrene.js":1005,"./Script_Extensions/Pau_Cin_Hau.js":1006,"./Script_Extensions/Phags_Pa.js":1007,"./Script_Extensions/Phoenician.js":1008,"./Script_Extensions/Psalter_Pahlavi.js":1009,"./Script_Extensions/Rejang.js":1010,"./Script_Extensions/Runic.js":1011,"./Script_Extensions/Samaritan.js":1012,"./Script_Extensions/Saurashtra.js":1013,"./Script_Extensions/Sharada.js":1014,"./Script_Extensions/Shavian.js":1015,"./Script_Extensions/Siddham.js":1016,"./Script_Extensions/SignWriting.js":1017,"./Script_Extensions/Sinhala.js":1018,"./Script_Extensions/Sogdian.js":1019,"./Script_Extensions/Sora_Sompeng.js":1020,"./Script_Extensions/Soyombo.js":1021,"./Script_Extensions/Sundanese.js":1022,"./Script_Extensions/Syloti_Nagri.js":1023,"./Script_Extensions/Syriac.js":1024,"./Script_Extensions/Tagalog.js":1025,"./Script_Extensions/Tagbanwa.js":1026,"./Script_Extensions/Tai_Le.js":1027,"./Script_Extensions/Tai_Tham.js":1028,"./Script_Extensions/Tai_Viet.js":1029,"./Script_Extensions/Takri.js":1030,"./Script_Extensions/Tamil.js":1031,"./Script_Extensions/Tangut.js":1032,"./Script_Extensions/Telugu.js":1033,"./Script_Extensions/Thaana.js":1034,"./Script_Extensions/Thai.js":1035,"./Script_Extensions/Tibetan.js":1036,"./Script_Extensions/Tifinagh.js":1037,"./Script_Extensions/Tirhuta.js":1038,"./Script_Extensions/Ugaritic.js":1039,"./Script_Extensions/Vai.js":1040,"./Script_Extensions/Wancho.js":1041,"./Script_Extensions/Warang_Citi.js":1042,"./Script_Extensions/Yezidi.js":1043,"./Script_Extensions/Yi.js":1044,"./Script_Extensions/Zanabazar_Square.js":1045,"./index.js":1046,"./unicode-version.js":1047};function webpackContext(e){var t=webpackContextResolve(e);return a(t)}function webpackContextResolve(e){if(!a.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}webpackContext.keys=function webpackContextKeys(){return Object.keys(r)},webpackContext.resolve=webpackContextResolve,e.exports=webpackContext,webpackContext.id=642},85:function(e,t,a){"use strict";a.r(t),a.d(t,"FormData",(function(){return FormData})),a.d(t,"ClearFormData",(function(){return ClearFormData})),a.d(t,"FormGenerator",(function(){return FormGenerator}));var r=a(0),i=a.n(r),n=a(1323),s=a(81),o=a.n(s);var c={textfield:{type:"TextField",map:"TextField"},typography:{type:"Typography",map:"Typography"},datatable:{type:"Table",map:"Table"},datetime:{type:"DateTime",map:"DateTime"},daterangepicker:{type:"DateRangePicker",map:"DateRangePicker"},datetimepicker:{type:"DateTimePicker",map:"DateTimePicker"},timepicker:{type:"TimePicker",map:"TimePicker"},select:{type:"Select",map:"Select"},checkbox:{type:"CheckBox",map:"CheckBox"},switch:{type:"Switch",map:"Switch"},radio:{type:"Radio",map:"Radio"}},l=a(196),u=a(205),p=a(197),d=a(198),m=a(199),j=a(200),y=a(201),b=a(195),h=a(203),f=a(204);var S={Typography:l.default,TextField:u.default,Table:p.default,DateTime:d.default,DateTimePicker:m.default,TimePicker:j.default,Select:y.default,CheckBox:b.default,Switch:h.default,Radio:f.default},x=a(3);function DynamicComponent(e){const{map:t}=e,a=S[t];return Object(x.jsx)(a,{...e})}var _=a(40),g=a(88);const C={MUI:{map:c}},v={},FormData=e=>e?v[e]:v,ClearFormData=e=>{const t=Object.keys(v);e?delete v[e]:t.forEach((e=>delete v[e]))};function FormGenerator(e){let{data:t=[],patch:a={},guid:s,formRef:c,onSubmit:l,onChange:u,MuiGridAttributes:p={spacing:2}}=e;const[d,m]=Object(r.useState)(a),j=C.MUI,y=Object(r.useMemo)((()=>Object(_.d)(Object(_.f)(t,d,s,v))),[d,t,s]);Object(r.useEffect)((()=>{o()(v[s])&&(v[s]=a)}),[]),Object(g.a)((()=>{m({...a})}),[a]);const b=Object(r.useCallback)((e=>{let{id:t,value:a,option:r}=e;v[s][t]=a,"function"==typeof u&&u({id:t,value:a,option:r})}),[]),h=Object(r.useCallback)(((e,t,a)=>{"function"==typeof e&&e(v,null,t,a)}),[]),renderDynamicComponent=(e,t)=>{const{type:a="",style:r={},className:i="",visible:s=!1,rules:o={}}=e,c=e.props||{},l=e.layout||{},u=j.map[a]||{},{options:p={}}=u;return Object(x.jsx)(n.a,{item:!0,style:r,...l,className:"".concat(i," ").concat(s?"show":"hidden"),children:Object(x.jsx)(DynamicComponent,{map:u.map,option:p.type||"",control:e,attributes:c,rules:o,onChange:b},Object(_.c)("dynamic-comp",t))},Object(_.c)("layout-comp",t))};return Object(x.jsxs)(x.Fragment,{children:[Object(x.jsx)(n.a,{container:!0,...p,children:y.wrows.map(((e,t)=>Object(x.jsx)(i.a.Fragment,{children:e.map(renderDynamicComponent)},Object(_.c)("row",t))))},Object(_.c)("layout-grid")),y.worows.map(((e,t)=>Object(x.jsx)("div",{style:e.style||{},className:"".concat(e.className||""," ").concat(e.visible?"show":"hidden"),children:renderDynamicComponent(e,t)},Object(_.c)("layout-comp",t)))),Object(x.jsx)("button",{"aria-label":"button",type:"button",ref:c,onClick:()=>h(l,t,s),style:{display:"none"}})]})}FormGenerator.defaultProps={patch:{},formRef:{},onSubmit:null,onChange:null,MuiGridAttributes:{spacing:2}};t.default={FormGenerator:FormGenerator,FormData:FormData,ClearFormData:ClearFormData}},88:function(e,t,a){"use strict";a.d(t,"a",(function(){return useUpdateEffect}));var r=a(0);function useIsFirstRender(){const e=Object(r.useRef)(!0);return e.current?(e.current=!1,!0):e.current}function useUpdateEffect(e,t){const a=useIsFirstRender();Object(r.useEffect)((()=>{if(!a)return e()}),t)}}},[[447,1,2]]]);
package/docs/index.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <body>
13
13
  <div id="rsg-root"></div>
14
14
  <script src="build/bundle.2d61df25.js"></script>
15
- <script src="build/2.3c12d3a0.js"></script>
16
- <script src="build/main.4e61cdbd.js"></script>
15
+ <script src="build/2.7567d890.js"></script>
16
+ <script src="build/main.523b831f.js"></script>
17
17
  </body>
18
18
  </html>
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "dynamic-mui",
3
- "version": "1.0.30",
3
+ "version": "1.0.32",
4
4
  "author": "Dinakaran S",
5
5
  "user": "dinakarans",
6
6
  "repository": {
7
7
  "type": "git",
8
- "url": "https://github.com/DinakaranS/-dynamic-mui.git"
8
+ "url": "git+https://github.com/DinakaranS/-dynamic-mui.git"
9
9
  },
10
10
  "homepage": "https://github.com/DinakaranS/-dynamic-mui",
11
11
  "bugs": {
package/docs/build/main.4e61cdbd.js DELETED
@@ -1 +0,0 @@
1
- (window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1054:function(e,t,a){var r={react:a(0)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",i);e.exports=[{type:"markdown",content:"Build dynamic forms using Material UI\n\n## Installation\n\n`npm install @mui/material @emotion/react @emotion/styled`\n`npm install dynamic-mui --save`\n\n\\##Usage"},{type:"code",content:"`import { FormGenerator } from 'dynamic-mui/dist-modules/components/FormGenerator'`;\n\nexport default function DynamicForm() {\n return (\n <FormGenerator\n data={[\n {\n type: 'textfield',\n props: {\n MuiAttributes: { placeholder: 'Standard', fullWidth: true, variant: 'standard' },\n },\n layout: {\n row: 1,\n xs: 4,\n sm: 4,\n },\n },\n ]}\n guid=\"Testing\"\n library={MUI}\n />\n );\n} ",settings:{},evalInContext:n}]},1058:function(e,t,a){e.exports={doclets:{},displayName:"CheckBox",description:"Checkbox Component\n",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Checkbox",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"}],tags:{},examples:a(1059)}},1059:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/checkbox":a(1142),react:a(0),"./checkbox.js":a(195)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Checkbox$0 = require('./checkbox.js');\nconst Checkbox = Checkbox$0.default || (Checkbox$0['Checkbox'] || Checkbox$0);",i);e.exports=[{type:"markdown",content:"Checkboxes can be used to turn an option on or off.\n\nIf you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches. If you have a single option, avoid using a checkbox and use an on/off switch instead.\n\nBasic checkboxes"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {checkBox} from \'../../../data/checkbox\';\n\n<FormGenerator data={checkBox} guid="checkbox"/>',settings:{},evalInContext:n},{type:"markdown",content:"Label, Color & Size"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {checkBoxCustom} from \'../../../data/checkbox\';\n\n<FormGenerator data={checkBoxCustom} guid="checkbox"/>',settings:{},evalInContext:n}]},1142:function(e,t,a){"use strict";a.r(t),a.d(t,"checkBox",(function(){return r})),a.d(t,"checkBoxCustom",(function(){return i}));const r=[{type:"checkbox",props:{id:"defaultChecked",MuiAttributes:{defaultChecked:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{id:"simple",MuiAttributes:{},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{id:"disabled",MuiAttributes:{disabled:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{id:"disabledchecked",MuiAttributes:{disabled:!0,checked:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}}],i=[{type:"checkbox",props:{id:"label",MuiAttributes:{defaultChecked:!0},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{id:"labelsmall",MuiAttributes:{size:"small",defaultChecked:!0,color:"secondary"},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{id:"labelcolordefault",MuiAttributes:{defaultChecked:!0,color:"default"},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{id:"labelcolorgreen",MuiAttributes:{defaultChecked:!0,sx:{color:"green","&.Mui-checked":{color:"green"}}},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:3,sm:3}}]},1143:function(e,t,a){e.exports={doclets:{},displayName:"Datatable",description:"",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Textfield",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"}],examples:a(1144)}},1144:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/dataTable":a(1145),react:a(0),"./datatable.js":a(197)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Datatable$0 = require('./datatable.js');\nconst Datatable = Datatable$0.default || (Datatable$0['Datatable'] || Datatable$0);",i);e.exports=[{type:"markdown",content:"Basic component:"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {basicTable} from \'../../../data/dataTable\';\n\n<FormGenerator data={basicTable} guid="dataTable"/>',settings:{},evalInContext:n}]},1145:function(e,t,a){"use strict";a.r(t),a.d(t,"basicTable",(function(){return r})),a.d(t,"denseTable",(function(){return i}));const r=[{type:"datatable",props:{id:"datatable",container:{style:{height:400,width:"100%"}},MuiAttributes:{rows:[{id:1,lastName:"Snow",firstName:"Jon",age:35},{id:2,lastName:"Lannister",firstName:"Cersei",age:42},{id:3,lastName:"Lannister",firstName:"Jaime",age:45},{id:4,lastName:"Stark",firstName:"Arya",age:16},{id:5,lastName:"Targaryen",firstName:"Daenerys",age:null},{id:6,lastName:"Melisandre",firstName:"",age:150},{id:7,lastName:"Clifford",firstName:"Ferrara",age:44},{id:8,lastName:"Frances",firstName:"Rossini",age:36},{id:9,lastName:"Roxie",firstName:"Harvey",age:65}],columns:[{field:"id",headerName:"ID",width:70},{field:"firstName",headerName:"First name",width:130},{field:"lastName",headerName:"Last name",width:130},{field:"age",headerName:"Age",type:"number",width:90}]}},layout:{xs:12,sm:12,md:12}}],i=[]},1146:function(e,t,a){e.exports={doclets:{},displayName:"DateTime",description:"",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Datetime",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"}],examples:a(1147)}},1147:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/dateTime":a(265),react:a(0),"./datetime.js":a(198)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Datetime$0 = require('./datetime.js');\nconst Datetime = Datetime$0.default || (Datetime$0['Datetime'] || Datetime$0);",i);e.exports=[{type:"markdown",content:"Date pickers let the user select a date\n\nBasic usage"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {mui} from \'../../../data/dateTime\';\n\n<FormGenerator data={mui} guid="datetime"/>',settings:{},evalInContext:n},{type:"markdown",content:"Responsiveness"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {responsiveness} from \'../../../data/dateTime\';\n\n<FormGenerator data={responsiveness} guid="datetimeResponsiveness"/>',settings:{},evalInContext:n}]},1148:function(e,t,a){e.exports={doclets:{},displayName:"DateTimePicker",description:"",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Datetimepicker",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"}],examples:a(1149)}},1149:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/dateTime":a(265),react:a(0),"./datetimepicker.js":a(199)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Datetimepicker$0 = require('./datetimepicker.js');\nconst Datetimepicker = Datetimepicker$0.default || (Datetimepicker$0['Datetimepicker'] || Datetimepicker$0);",i);e.exports=[{type:"markdown",content:"Date pickers let the user select a date\n\nBasic usage"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {dateTimePicker} from \'../../../data/dateTime\';\n\n<FormGenerator data={dateTimePicker} guid="datetimePicker"/>',settings:{},evalInContext:n}]},1150:function(e,t,a){e.exports={doclets:{},displayName:"Radio",description:"Radio Component\n",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Radio",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"}],tags:{},examples:a(1151)}},1151:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/radio":a(1152),react:a(0),"./radio.js":a(204)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Radio$0 = require('./radio.js');\nconst Radio = Radio$0.default || (Radio$0['Radio'] || Radio$0);",i);e.exports=[{type:"markdown",content:"RadioGroup is a helpful wrapper used to group Radio components that provides an easier API, and proper keyboard accessibility to the group.\n\nBasic Radio"},{type:"code",content:"import {FormGenerator} from \"../../FormGenerator\";\nimport {radioData} from '../../../data/radio';\n\n<FormGenerator data={radioData} guid=\"radio\" patch={{staggerpenaltytype:'Apply penalty now'}}/>",settings:{},evalInContext:n}]},1152:function(e,t,a){"use strict";a.r(t),a.d(t,"radioData",(function(){return r})),a.d(t,"customRadioData",(function(){return i}));const r=[{id:"staggerpenaltytype",type:"radio",props:{id:"staggerpenaltytype",MuiAttributes:{},MuiFCLAttributes:{label:""},MuiFCLabels:["Apply penalty now","Apply penalty after due date"],MuiRGAttributes:{row:!0}},layout:{row:4,xs:9,sm:9},onChangeUpdate:[{formula:"({outstandingbalance} + ({outstandingbalance} * 0.10))",patchId:"newoutstanding"},{formula:"({outstandingbalance} + ({outstandingbalance} * 0.10)) - {outstandingbalance}",patchId:"penalty"}]}],i=[]},1153:function(e,t,a){e.exports={doclets:{},displayName:"Select",description:"",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Select",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"}],examples:a(1154)}},1154:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/select":a(1155),react:a(0),"./select.js":a(201)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Select$0 = require('./select.js');\nconst Select = Select$0.default || (Select$0['Select'] || Select$0);",i);e.exports=[{type:"markdown",content:"Date pickers let the user select a date\n\nBasic usage"},{type:"code",content:"import {FormGenerator} from \"../../FormGenerator\";\nimport {select} from '../../../data/select';\n\n<FormGenerator data={select} guid=\"selectbasic\" patch={{simpleselect:'ocean'}}/>",settings:{},evalInContext:n},{type:"markdown",content:"MultiSelect usage"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {multiSelect} from \'../../../data/select\';\n\n<FormGenerator data={multiSelect} guid="multiselect"/>',settings:{},evalInContext:n}]},1155:function(e,t,a){"use strict";a.r(t),a.d(t,"select",(function(){return i})),a.d(t,"multiSelect",(function(){return n}));const r=[{value:"ocean",label:"Ocean",color:"#00B8D9"},{value:"blue",label:"Blue",color:"#0052CC",disabled:!0},{value:"purple",label:"Purple",color:"#5243AA"},{value:"red",label:"Red",color:"#FF5630"},{value:"orange",label:"Orange",color:"#FF8B00"},{value:"yellow",label:"Yellow",color:"#FFC400"},{value:"green",label:"Green",color:"#36B37E"},{value:"forest",label:"Forest",color:"#00875A"},{value:"slate",label:"Slate",color:"#253858"},{value:"silver",label:"Silver",color:"#666666"}],i=[{type:"select",props:{id:"simpleselect",MuiAttributes:{},options:r,MuiBoxAttributes:{label:"Colors"}},layout:{row:1,xs:12,sm:12}}],n=[{type:"select",props:{id:"multiselect",MuiAttributes:{multiple:!0,disableCloseOnSelect:!0},options:r,MuiBoxAttributes:{label:"Colors"}},layout:{row:1,xs:12,sm:12}}]},1156:function(e,t,a){e.exports={doclets:{},displayName:"Switch",description:"Switch Component\n",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Switch",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"}],tags:{},examples:a(1157)}},1157:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/switch":a(1158),react:a(0),"./switch.js":a(203)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Switch$0 = require('./switch.js');\nconst Switch = Switch$0.default || (Switch$0['Switch'] || Switch$0);",i);e.exports=[{type:"markdown",content:"Switches toggle the state of a single setting on or off.\n\nBasic switches"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {switchData} from \'../../../data/switch\';\n\n<FormGenerator data={switchData} guid="switch"/>',settings:{},evalInContext:n},{type:"markdown",content:"Label, Color & Size"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {switchCustom} from \'../../../data/switch\';\n\n<FormGenerator data={switchCustom} guid="switchcolor"/>',settings:{},evalInContext:n}]},1158:function(e,t,a){"use strict";a.r(t),a.d(t,"switchData",(function(){return r})),a.d(t,"switchCustom",(function(){return i}));const r=[{type:"switch",props:{id:"switchdefault",MuiAttributes:{defaultChecked:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"switch",props:{id:"switch",MuiAttributes:{},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"switch",props:{id:"switchdisabled",MuiAttributes:{disabled:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"switch",props:{id:"switchdisabledchecked",MuiAttributes:{disabled:!0,checked:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}}],i=[{type:"switch",props:{id:"switchlabel",MuiAttributes:{defaultChecked:!0},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:4,sm:4}},{type:"switch",props:{id:"switchlabelsmall",MuiAttributes:{size:"small",defaultChecked:!0,color:"secondary"},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:4,sm:4}},{type:"switch",props:{id:"switchlabelcolor",MuiAttributes:{defaultChecked:!0,color:"default"},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:4,sm:4}}]},1159:function(e,t,a){e.exports={doclets:{},displayName:"TextField",description:"",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Textfield",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"},{type:{name:"objectOf",value:{name:"array"}},required:!1,description:"Rules to be used",defaultValue:{value:"{}",computed:!1},tags:{},name:"rules"}],examples:a(1160)}},1160:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/textfield":a(1161),"react-json-tree":a(1218),react:a(0),"./textfield.js":a(205)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Textfield$0 = require('./textfield.js');\nconst Textfield = Textfield$0.default || (Textfield$0['Textfield'] || Textfield$0);",i);e.exports=[{type:"markdown",content:"The Textfield wrapper component is a complete form control including a label, input and help text.\n\nIt supports standard, outlined and filled styling"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {mui} from \'../../../data/textfield\';\n\n<FormGenerator data={mui} guid="textfield"/>',settings:{},evalInContext:n},{type:"code",content:"import {mui} from '../../../data/textfield';\nimport JSONTree from 'react-json-tree';\n\n<JSONTree data={mui} />",settings:{},evalInContext:n},{type:"markdown",content:"Validation:"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {validation} from \'../../../data/textfield\';\n\n<FormGenerator data={validation} guid="textfield"/>',settings:{},evalInContext:n},{type:"code",content:"import {validation} from '../../../data/textfield';\nimport JSONTree from 'react-json-tree';\n\n<JSONTree data={validation} />",settings:{},evalInContext:n},{type:"markdown",content:"InputAdornment:"},{type:"code",content:"import {FormGenerator} from \"../../FormGenerator\";\nimport {inputAdornment} from '../../../data/textfield';\n\n<FormGenerator data={inputAdornment} patch={{firstname:'dinakaran'}} guid=\"textfieldinput\"/>",settings:{},evalInContext:n},{type:"code",content:"import {sizesAndLayout} from '../../../data/textfield';\nimport JSONTree from 'react-json-tree';\n\n<JSONTree data={sizesAndLayout} />",settings:{},evalInContext:n},{type:"markdown",content:"Sizes & Layout:"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {sizesAndLayout} from \'../../../data/textfield\';\n\n<FormGenerator data={sizesAndLayout} guid="textfieldsize"/>',settings:{},evalInContext:n}]},1161:function(e,t,a){"use strict";a.r(t),a.d(t,"mui",(function(){return r})),a.d(t,"validation",(function(){return i})),a.d(t,"inputAdornment",(function(){return n})),a.d(t,"sizesAndLayout",(function(){return s}));const r=[{type:"textfield",props:{MuiAttributes:{placeholder:"Standard",fullWidth:!0,variant:"standard"}},layout:{row:1,xs:4,sm:4}},{type:"textfield",props:{MuiAttributes:{placeholder:"Filled",fullWidth:!0,variant:"filled"}},layout:{row:1,xs:4,sm:4}},{type:"textfield",props:{MuiAttributes:{placeholder:"Outlined",fullWidth:!0,variant:"outlined"}},layout:{row:1,xs:4,sm:4}}],i=[{type:"textfield",props:{MuiAttributes:{label:"Mandatory",fullWidth:!0,variant:"outlined"}},layout:{row:1,xs:3,sm:3},rules:{validation:[{rule:"mandatory",message:"Please enter your first name."}]}},{id:"password",type:"textfield",layout:{row:1,xs:3,sm:3},props:{id:"password",MuiAttributes:{type:"password",fullWidth:!0,label:"Password"}}},{id:"number",type:"textfield",layout:{row:1,xs:3,sm:3},props:{id:"number",MuiAttributes:{type:"number",fullWidth:!0,label:"Number"}}},{id:"currency",type:"textfield",layout:{row:1,xs:3,sm:3},props:{id:"currency",MuiAttributes:{fullWidth:!0,label:"Currency",name:"Currency"},format:"$0,0.00"}}],n=[{id:"firstname",type:"textfield",props:{id:"firstname",MuiAttributes:{fullWidth:!0,InputLabelProps:{shrink:!0},margin:"normal",label:"First Name"},InputProps:{MuiInputAdornment:{},position:"start",icon:"account_circle"}},rules:{validation:[{rule:"mandatory",message:"Please enter your first name."}]},layout:{row:1,xs:6,sm:6}},{id:"textfieldoutlined",type:"textfield",props:{id:"textfieldoutlined",MuiAttributes:{fullWidth:!0,InputLabelProps:{shrink:!0},margin:"normal",helperText:"Weight",label:"First Name"},InputProps:{MuiInputAdornment:{position:"end"},position:"end",text:"KG"}},layout:{row:1,xs:6,sm:6}}],s=[{id:"textfieldoutlined",type:"textfield",props:{id:"textfieldoutlined",MuiAttributes:{fullWidth:!0,size:"small",label:"Small"}},layout:{row:1,xs:4,sm:4}},{id:"textfieldoutlined",type:"textfield",props:{id:"textfieldoutlined",MuiAttributes:{fullWidth:!0,label:"Normal"}},layout:{row:1,xs:4,sm:4}},{id:"textfieldoutlined",type:"textfield",props:{id:"textfieldoutlined",MuiAttributes:{fullWidth:!0,label:"Disabled",disabled:!0}},layout:{row:1,xs:4,sm:4}},{id:"textfieldoutlined",type:"textfield",props:{id:"textfieldoutlined",MuiAttributes:{fullWidth:!0,label:"Fullwidth"}},layout:{row:1,xs:12,sm:12}}]},1213:function(e,t,a){e.exports={doclets:{},displayName:"TimePicker",description:"",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Timepicker",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"},{type:{name:"func"},required:!1,description:"Function",defaultValue:{value:"null",computed:!1},tags:{},name:"onChange"}],examples:a(1214)}},1214:function(e,t,a){var r={"../../FormGenerator":a(85),"../../../data/dateTime":a(265),react:a(0),"./timepicker.js":a(200)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Timepicker$0 = require('./timepicker.js');\nconst Timepicker = Timepicker$0.default || (Timepicker$0['Timepicker'] || Timepicker$0);",i);e.exports=[{type:"markdown",content:"Date pickers let the user select a date\n\nBasic usage"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {timePicker} from \'../../../data/dateTime\';\n\n<FormGenerator data={timePicker} guid="timepicker"/>',settings:{},evalInContext:n}]},1215:function(e,t,a){e.exports={doclets:{},displayName:"Typography",description:"Typography Component\n",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Typography",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"}],tags:{},examples:a(1216)}},1216:function(e,t,a){var r={"../../FormGenerator":a(85),react:a(0),"./typography.js":a(196)},i=a(77).default.bind(null,r),n=a(78).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Typography$0 = require('./typography.js');\nconst Typography = Typography$0.default || (Typography$0['Typography'] || Typography$0);",i);e.exports=[{type:"markdown",content:"Basic component:"},{type:"code",content:"import {FormGenerator} from \"../../FormGenerator\";\n\n<FormGenerator data={[{\n type: 'typography',\n props: {\n text: 'Hi'\n },\n layout: {\n xs:12, sm:6, md:12\n }\n}]} guid=\"typography\"/>",settings:{},evalInContext:n},{type:"markdown",content:"Component styled:"},{type:"code",content:"import {FormGenerator} from \"../../FormGenerator\";\n\n<FormGenerator data={[{\n type: 'typography',\n props: {\n text: 'Styled with color',\n MuiAttributes: {\n color: 'secondary',\n variant: 'h6',\n component: \"h2\", gutterBottom: true\n }\n },\n layout: {\n xs:12, sm:6, md:12\n }\n}]} guid=\"typography\"/>",settings:{},evalInContext:n}]},195:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return CheckBox}));var r=a(0),i=a.n(r),n=a(406),s=a(283),o=a(3);function CheckBox(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:r={},MuiFCLAttributes:c={},id:l=""}=t,[u,p]=i.a.useState(r.defaultChecked||(null==t?void 0:t.value)||!1);return Object(o.jsx)(s.a,{...c,control:Object(o.jsx)(n.a,{checked:u,onChange:e=>{p(e.target.checked),a({id:l,value:e.target.checked})},...r,inputProps:{"aria-label":"controlled"}})})}CheckBox.defaultProps={attributes:{},onChange:null}},196:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return Typography}));a(0);var r=a(410),i=a(3);function Typography(e){let{attributes:t}=e;const{MuiAttributes:a={},text:n=""}=t;return Object(i.jsx)(r.a,{...a,children:n})}Typography.defaultProps={attributes:{}}},197:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return DataTable}));a(0);var r=a(1230),i=a(3);function DataTable(e){const{attributes:t}=e,{MuiAttributes:a={},container:n={}}=t;return Object(i.jsx)("div",{...n,children:Object(i.jsx)(r.a,{...a})})}DataTable.defaultProps={attributes:{}}},198:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return DateTime}));var r=a(0),i=a.n(r),n=a(227),s=a(281),o=a(164),c=a(43),l=a(88),u=a(3);function DateTime(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:r={},name:p="DatePicker",id:d="",MuiTextAttributes:m}=t,[j,y]=i.a.useState(null!=t&&t.value?new Date(null==t?void 0:t.value):new Date);Object(l.a)((()=>{null!=t&&t.value&&y(new Date(null==t?void 0:t.value))}),[null==t?void 0:t.value]);const b=Object(c.a)(p);return Object(u.jsx)(o.a,{dateAdapter:s.a,children:Object(u.jsx)(b,{value:j,onChange:e=>{y(e),a({id:d,value:e})},...r,renderInput:e=>Object(u.jsx)(n.a,{...e,...m})})})}DateTime.defaultProps={attributes:{},onChange:null}},199:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return DateTimePicker}));var r=a(0),i=a.n(r),n=a(227),s=a(281),o=a(164),c=a(43),l=a(88),u=a(3);function DateTimePicker(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:r={},name:p="DateTimePicker",id:d="",MuiTextAttributes:m}=t,[j,y]=i.a.useState(null!=t&&t.value?new Date(null==t?void 0:t.value):new Date);Object(l.a)((()=>{null!=t&&t.value&&y(new Date(null==t?void 0:t.value))}),[null==t?void 0:t.value]);const b=Object(c.a)(p);return Object(u.jsx)(o.a,{dateAdapter:s.a,children:Object(u.jsx)(b,{value:j,onChange:e=>{y(e),a({id:d,value:e})},...r,renderInput:e=>Object(u.jsx)(n.a,{...e,...m})})})}DateTimePicker.defaultProps={attributes:{},onChange:null}},200:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return TimePicker}));var r=a(0),i=a.n(r),n=a(227),s=a(281),o=a(164),c=a(43),l=a(88),u=a(3);function TimePicker(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:r={},name:p="TimePicker",id:d="",MuiTextAttributes:m}=t,[j,y]=i.a.useState(null!=t&&t.value?new Date(null==t?void 0:t.value):new Date);Object(l.a)((()=>{null!=t&&t.value&&y(new Date(null==t?void 0:t.value))}),[null==t?void 0:t.value]);const b=Object(c.a)(p);return Object(u.jsx)(o.a,{dateAdapter:s.a,children:Object(u.jsx)(b,{value:j,onChange:e=>{y(e),a({id:d,value:e})},...r,renderInput:e=>Object(u.jsx)(n.a,{...e,...m})})})}TimePicker.defaultProps={attributes:{},onChange:null}},201:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return Select}));var r=a(0),i=a.n(r),n=a(406),s=a(227),o=a(1233),c=a(396),l=a.n(c),u=a(397),p=a.n(u),d=a(43),m=a(88),j=a(3);const y=Object(j.jsx)(l.a,{fontSize:"small"}),b=Object(j.jsx)(p.a,{fontSize:"small"}),getValue=function(){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).find((t=>{let{value:a}=t;return e===a}))};function Select(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:r={},options:c=[],MuiBoxAttributes:l={},id:u=""}=t,[p,h]=i.a.useState((null==t?void 0:t.value)&&getValue(c,null==t?void 0:t.value)),[f,S]=i.a.useState("");return Object(m.a)((()=>{const e=r.multiple?(p||[]).map((e=>e.title||e.label||e.value)):f;a({id:u,value:e,option:p})}),[p,f]),Object(j.jsx)(o.a,{...(r.multiple&&(r.renderOption=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{selected:a}=arguments.length>2?arguments[2]:void 0;return Object(j.jsxs)("li",{...e,children:[Object(j.jsx)(n.a,{icon:y,checkedIcon:b,style:{marginRight:8},checked:a,sx:Object(d.b)(t.color||"")}),t.title||t.label||t.value]})}),r),disablePortal:!0,options:c,value:p,onChange:(e,t)=>{h(t)},inputValue:f,onInputChange:(e,t)=>{S(t)},renderInput:e=>Object(j.jsx)(s.a,{...e,...l,inputProps:{...e.inputProps,autoComplete:"new-password"}})})}Select.defaultProps={attributes:{},onChange:null}},203:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return Switch}));var r=a(0),i=a.n(r),n=a(405),s=a(283),o=a(8),c=a(145),l=a(3);const u=Object(o.a)((e=>{let{color:t,...a}=e;return Object(l.jsx)(n.a,{...a})}))((e=>{let{theme:t}=e;return{"& .MuiSwitch-switchBase.Mui-checked":{color:e=>e.color||"green","&:hover":{backgroundColor:e=>Object(c.a)(e.color||"green",t.palette.action.hoverOpacity)}},"& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track":{backgroundColor:e=>e.color||"green"}}}));function Switch(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:r={},MuiFCLAttributes:o={},color:c="",id:p=""}=t,[d,m]=i.a.useState(r.defaultChecked||!1),j=c?u:n.a;return Object(l.jsx)(s.a,{...o,control:Object(l.jsx)(j,{checked:d,onChange:e=>{m(e.target.checked),a({id:p,value:e.target.checked})},...r,inputProps:{"aria-label":"controlled"}})})}Switch.defaultProps={attributes:{},onChange:null}},204:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return Radio}));var r=a(0),i=a.n(r),n=a(1232),s=a(1236),o=a(283),c=a(1237),l=a(1224),u=a(88),p=a(3);function Radio(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:r={},MuiFCLAttributes:d={},MuiRGAttributes:m={},id:j="",MuiFLAttributes:y={},MuiFCLabels:b=[],MuiFLabel:h=""}=t,[f,S]=i.a.useState(r.defaultValue||t.value||"");Object(u.a)((()=>{null!=t&&t.value&&S(null==t?void 0:t.value)}),[null==t?void 0:t.value]);return Object(p.jsxs)(c.a,{children:[h&&Object(p.jsx)(l.a,{...y,id:"radio-buttons-group-label",children:h}),Object(p.jsx)(s.a,{"aria-labelledby":"radio-buttons-group-label",name:"radio-buttons-group",...m,value:f,onChange:e=>{S(e.target.value),a({id:j,value:e.target.value})},children:b.map((e=>Object(p.jsx)(o.a,{...d,value:e,control:Object(p.jsx)(n.a,{...r}),label:e})))})]})}Radio.defaultProps={attributes:{},onChange:null}},205:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return textfield_TextField}));var r=a(0),i=a.n(r),n=a(210),s=a.n(n),o=a(227),c=a(43),l=a(30),u=a.n(l);var p={email:(e,t)=>u.a.isEmail(e,t),equals:(e,t)=>u.a.equals(e,t),mandatory:e=>!u.a.isEmpty(e),mandatoryselect:e=>e.length>0,mobile:(e,t)=>u.a.isMobilePhone(e,t),lowercase:e=>u.a.isLowercase(e),uppercase:e=>u.a.isUppercase(e),length:(e,t)=>u.a.isLength(e,t),url:(e,t)=>u.a.isURL(e,t),creditcard:e=>u.a.isCreditCard(e),currency:(e,t)=>u.a.isCurrency(e,t),date:e=>u.a.isDate(e),boolean:e=>u.a.isBoolean(e),alphanumeric(e,t){u.a.isAlphanumeric(e,t)},contains:(e,t)=>u.a.contains(e,t),FQDN:(e,t)=>u.a.isFQDN(e,t),float:(e,t)=>u.a.isFloat(e,t),ip:(e,t)=>u.a.isIP(e,t),ISBN:(e,t)=>u.a.isISBN(e,t),MACAddress:e=>u.a.isMACAddress(e),MD5:e=>u.a.isMD5(e),numeric:e=>u.a.isNumeric(e),UUID:(e,t)=>u.a.isUUID(e,t),matches:(e,t)=>u.a.matches(e,t),int:(e,t)=>u.a.isInt(e,t),hexcolor:e=>u.a.isHexColor(e),dataURI:e=>u.a.isDataURI(e),decimal:e=>u.a.isDecimal(e),alpha:(e,t)=>u.a.isAlpha(e,t),negative:e=>s()(e).value()>-1},d=a(3);function textfield_TextField(e){let{attributes:t,rules:a={},onChange:r}=e;const{MuiAttributes:n={},InputProps:l={},format:u="",id:m=""}=t,[j,y]=i.a.useState({value:t.value||"",helperText:n.helperText||"",error:!1}),validate=e=>{let t=!1;const{validation:r}=a;if(r)for(let a=0;a<r.length;a+=1){const i=r[a];if(t=p[i.rule](e,i.value),!t)return{isValid:!1,message:i.message}}return{isValid:!0,message:""}};return Object(d.jsx)(o.a,{fullWidth:!0,...n,InputProps:Object(c.e)(l),onChange:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const{value:r}=t[0].target,i=validate(r);y({value:r,helperText:i.message,error:!i.isValid})},onBlur:function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];const{value:i}=t[0].target,n=(o=i,u?s()(o).format(u):o);var o;const c=validate(n);y({value:n,helperText:c.message,error:!c.isValid}),"function"==typeof r&&r({id:m,value:n})},onFocus:()=>{},value:j.value,error:j.error,helperText:j.helperText})}textfield_TextField.defaultProps={attributes:{},rules:{},onChange:null}},265:function(e,t,a){"use strict";a.r(t),a.d(t,"mui",(function(){return r})),a.d(t,"responsiveness",(function(){return i})),a.d(t,"dateRange",(function(){return n})),a.d(t,"dateTimePicker",(function(){return s})),a.d(t,"timePicker",(function(){return o}));const r=[{type:"datetime",props:{id:"datetime",MuiAttributes:{placeholder:"Standard",variant:"standard",fullWidth:!0,sx:{width:"100%"}},value:"12/09/2023"},layout:{row:1,xs:4,sm:4}}],i=[{type:"datetime",props:{id:"datetimemobile",MuiAttributes:{label:"For mobile",fullWidth:!0,variant:"standard"},name:"MobileDatePicker"},layout:{row:1,xs:4,sm:4}},{type:"datetime",props:{id:"datetimestandard",MuiAttributes:{label:"For desktop",fullWidth:!0,variant:"standard"},name:"DesktopDatePicker"},layout:{row:1,xs:4,sm:4}},{type:"datetime",props:{id:"datetimeresponsive",MuiAttributes:{label:"Responsive",fullWidth:!0,variant:"standard",disableFuture:!0,openTo:"year",views:["year","month","day"]}},layout:{row:1,xs:4,sm:4}}],n=[{type:"daterangepicker",props:{id:"daterangepicker",MuiAttributes:{fullWidth:!0,variant:"standard",startText:"Check-in",endText:"Check-out"}},layout:{row:1,xs:12,sm:12}}],s=[{type:"datetimepicker",props:{id:"datetimepicker",MuiAttributes:{label:"Standard",fullWidth:!0,variant:"standard"}},layout:{row:1,xs:12,sm:12}}],o=[{type:"timepicker",props:{id:"timepicker",MuiAttributes:{label:"Standard",fullWidth:!0,variant:"standard"}},layout:{row:1,xs:12,sm:12}}]},43:function(e,t,a){"use strict";a.d(t,"d",(function(){return generateLayout})),a.d(t,"e",(function(){return getInputProps})),a.d(t,"c",(function(){return generateKey})),a.d(t,"f",(function(){return updatePatchData})),a.d(t,"a",(function(){return DateComponent})),a.d(t,"b",(function(){return checkboxSX}));var r=a(98),i=a(81),n=a.n(i),s=a(413),o=a(1239),c=a(399),l=a(401),u=a(1226),p=a(402),d=a(407),m=a(1227),j=a(404),y=a(403),b=a(1228),h=(a(0),a(3));function generateLayout(e){const t={wrows:[],worows:[]},a=Object(r.clone)(e);t.worows=Object(r.remove)(a,(e=>void 0===(e.layout?e.layout.row:e.layout)));const i=Object(r.map)(a,"layout.row"),n=Object(r.uniq)(i),s=Object(r.sortBy)(n);return Object(r.each)(s,(e=>{const i=[];Object(r.each)(a,(t=>{t.layout&&t.layout.row===e&&i.push(t)})),t.wrows.push(i)})),t}function getInputProps(e){if(!n()(e)){const{MuiInputAdornment:t={},position:a="start",icon:r,text:i,textstyle:c={}}=e;return{["".concat(a,"Adornment")]:Object(h.jsxs)(s.a,{...t,children:[r&&Object(h.jsx)(o.a,{children:r}),n()(c)?i||"":Object(h.jsx)("div",{style:c,children:i||""})]})}}return{}}const generateKey=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;const a=Math.random().toString(36).substr(2,9),r=(new Date).toLocaleTimeString("en").trim();return"".concat(e,"_").concat(t,"_").concat(a,"_").concat(r)},updatePatchData=(e,t,a,i)=>{i[a]=t;const n=Object.assign([],e);return Object(r.map)(n,(e=>{var t;const r={...e},n=(null==r?void 0:r.id)||(null==r||null===(t=r.props)||void 0===t?void 0:t.id);return n&&i[a][n]&&(r.props.value=i[a][n]||""),r}))},DateComponent=e=>"MobileDatePicker"===e?c.a:"DesktopDatePicker"===e?l.a:"DateTimePicker"===e?u.a:"MobileDateTimePicker"===e?p.a:"DesktopDateTimePicker"===e?d.a:"TimePicker"===e?m.a:"MobileTimePicker"===e?j.a:"DesktopTimePicker"===e?y.a:b.a,checkboxSX=e=>e?{color:e,"&.Mui-checked":{color:e}}:{}},447:function(e,t,a){e.exports=a(1217)},642:function(e,t,a){var r={"./Binary_Property/ASCII.js":643,"./Binary_Property/ASCII_Hex_Digit.js":644,"./Binary_Property/Alphabetic.js":645,"./Binary_Property/Any.js":646,"./Binary_Property/Assigned.js":647,"./Binary_Property/Bidi_Control.js":648,"./Binary_Property/Bidi_Mirrored.js":649,"./Binary_Property/Case_Ignorable.js":650,"./Binary_Property/Cased.js":651,"./Binary_Property/Changes_When_Casefolded.js":652,"./Binary_Property/Changes_When_Casemapped.js":653,"./Binary_Property/Changes_When_Lowercased.js":654,"./Binary_Property/Changes_When_NFKC_Casefolded.js":655,"./Binary_Property/Changes_When_Titlecased.js":656,"./Binary_Property/Changes_When_Uppercased.js":657,"./Binary_Property/Dash.js":658,"./Binary_Property/Default_Ignorable_Code_Point.js":659,"./Binary_Property/Deprecated.js":660,"./Binary_Property/Diacritic.js":661,"./Binary_Property/Emoji.js":662,"./Binary_Property/Emoji_Component.js":663,"./Binary_Property/Emoji_Modifier.js":664,"./Binary_Property/Emoji_Modifier_Base.js":665,"./Binary_Property/Emoji_Presentation.js":666,"./Binary_Property/Extended_Pictographic.js":667,"./Binary_Property/Extender.js":668,"./Binary_Property/Grapheme_Base.js":669,"./Binary_Property/Grapheme_Extend.js":670,"./Binary_Property/Hex_Digit.js":671,"./Binary_Property/IDS_Binary_Operator.js":672,"./Binary_Property/IDS_Trinary_Operator.js":673,"./Binary_Property/ID_Continue.js":674,"./Binary_Property/ID_Start.js":675,"./Binary_Property/Ideographic.js":676,"./Binary_Property/Join_Control.js":677,"./Binary_Property/Logical_Order_Exception.js":678,"./Binary_Property/Lowercase.js":679,"./Binary_Property/Math.js":680,"./Binary_Property/Noncharacter_Code_Point.js":681,"./Binary_Property/Pattern_Syntax.js":682,"./Binary_Property/Pattern_White_Space.js":683,"./Binary_Property/Quotation_Mark.js":684,"./Binary_Property/Radical.js":685,"./Binary_Property/Regional_Indicator.js":686,"./Binary_Property/Sentence_Terminal.js":687,"./Binary_Property/Soft_Dotted.js":688,"./Binary_Property/Terminal_Punctuation.js":689,"./Binary_Property/Unified_Ideograph.js":690,"./Binary_Property/Uppercase.js":691,"./Binary_Property/Variation_Selector.js":692,"./Binary_Property/White_Space.js":693,"./Binary_Property/XID_Continue.js":694,"./Binary_Property/XID_Start.js":695,"./General_Category/Cased_Letter.js":696,"./General_Category/Close_Punctuation.js":697,"./General_Category/Connector_Punctuation.js":698,"./General_Category/Control.js":699,"./General_Category/Currency_Symbol.js":700,"./General_Category/Dash_Punctuation.js":701,"./General_Category/Decimal_Number.js":702,"./General_Category/Enclosing_Mark.js":703,"./General_Category/Final_Punctuation.js":704,"./General_Category/Format.js":705,"./General_Category/Initial_Punctuation.js":706,"./General_Category/Letter.js":707,"./General_Category/Letter_Number.js":708,"./General_Category/Line_Separator.js":709,"./General_Category/Lowercase_Letter.js":710,"./General_Category/Mark.js":711,"./General_Category/Math_Symbol.js":712,"./General_Category/Modifier_Letter.js":713,"./General_Category/Modifier_Symbol.js":714,"./General_Category/Nonspacing_Mark.js":715,"./General_Category/Number.js":716,"./General_Category/Open_Punctuation.js":717,"./General_Category/Other.js":718,"./General_Category/Other_Letter.js":719,"./General_Category/Other_Number.js":720,"./General_Category/Other_Punctuation.js":721,"./General_Category/Other_Symbol.js":722,"./General_Category/Paragraph_Separator.js":723,"./General_Category/Private_Use.js":724,"./General_Category/Punctuation.js":725,"./General_Category/Separator.js":726,"./General_Category/Space_Separator.js":727,"./General_Category/Spacing_Mark.js":728,"./General_Category/Surrogate.js":729,"./General_Category/Symbol.js":730,"./General_Category/Titlecase_Letter.js":731,"./General_Category/Unassigned.js":732,"./General_Category/Uppercase_Letter.js":733,"./Script/Adlam.js":734,"./Script/Ahom.js":735,"./Script/Anatolian_Hieroglyphs.js":736,"./Script/Arabic.js":737,"./Script/Armenian.js":738,"./Script/Avestan.js":739,"./Script/Balinese.js":740,"./Script/Bamum.js":741,"./Script/Bassa_Vah.js":742,"./Script/Batak.js":743,"./Script/Bengali.js":744,"./Script/Bhaiksuki.js":745,"./Script/Bopomofo.js":746,"./Script/Brahmi.js":747,"./Script/Braille.js":748,"./Script/Buginese.js":749,"./Script/Buhid.js":750,"./Script/Canadian_Aboriginal.js":751,"./Script/Carian.js":752,"./Script/Caucasian_Albanian.js":753,"./Script/Chakma.js":754,"./Script/Cham.js":755,"./Script/Cherokee.js":756,"./Script/Chorasmian.js":757,"./Script/Common.js":758,"./Script/Coptic.js":759,"./Script/Cuneiform.js":760,"./Script/Cypriot.js":761,"./Script/Cyrillic.js":762,"./Script/Deseret.js":763,"./Script/Devanagari.js":764,"./Script/Dives_Akuru.js":765,"./Script/Dogra.js":766,"./Script/Duployan.js":767,"./Script/Egyptian_Hieroglyphs.js":768,"./Script/Elbasan.js":769,"./Script/Elymaic.js":770,"./Script/Ethiopic.js":771,"./Script/Georgian.js":772,"./Script/Glagolitic.js":773,"./Script/Gothic.js":774,"./Script/Grantha.js":775,"./Script/Greek.js":776,"./Script/Gujarati.js":777,"./Script/Gunjala_Gondi.js":778,"./Script/Gurmukhi.js":779,"./Script/Han.js":780,"./Script/Hangul.js":781,"./Script/Hanifi_Rohingya.js":782,"./Script/Hanunoo.js":783,"./Script/Hatran.js":784,"./Script/Hebrew.js":785,"./Script/Hiragana.js":786,"./Script/Imperial_Aramaic.js":787,"./Script/Inherited.js":788,"./Script/Inscriptional_Pahlavi.js":789,"./Script/Inscriptional_Parthian.js":790,"./Script/Javanese.js":791,"./Script/Kaithi.js":792,"./Script/Kannada.js":793,"./Script/Katakana.js":794,"./Script/Kayah_Li.js":795,"./Script/Kharoshthi.js":796,"./Script/Khitan_Small_Script.js":797,"./Script/Khmer.js":798,"./Script/Khojki.js":799,"./Script/Khudawadi.js":800,"./Script/Lao.js":801,"./Script/Latin.js":802,"./Script/Lepcha.js":803,"./Script/Limbu.js":804,"./Script/Linear_A.js":805,"./Script/Linear_B.js":806,"./Script/Lisu.js":807,"./Script/Lycian.js":808,"./Script/Lydian.js":809,"./Script/Mahajani.js":810,"./Script/Makasar.js":811,"./Script/Malayalam.js":812,"./Script/Mandaic.js":813,"./Script/Manichaean.js":814,"./Script/Marchen.js":815,"./Script/Masaram_Gondi.js":816,"./Script/Medefaidrin.js":817,"./Script/Meetei_Mayek.js":818,"./Script/Mende_Kikakui.js":819,"./Script/Meroitic_Cursive.js":820,"./Script/Meroitic_Hieroglyphs.js":821,"./Script/Miao.js":822,"./Script/Modi.js":823,"./Script/Mongolian.js":824,"./Script/Mro.js":825,"./Script/Multani.js":826,"./Script/Myanmar.js":827,"./Script/Nabataean.js":828,"./Script/Nandinagari.js":829,"./Script/New_Tai_Lue.js":830,"./Script/Newa.js":831,"./Script/Nko.js":832,"./Script/Nushu.js":833,"./Script/Nyiakeng_Puachue_Hmong.js":834,"./Script/Ogham.js":835,"./Script/Ol_Chiki.js":836,"./Script/Old_Hungarian.js":837,"./Script/Old_Italic.js":838,"./Script/Old_North_Arabian.js":839,"./Script/Old_Permic.js":840,"./Script/Old_Persian.js":841,"./Script/Old_Sogdian.js":842,"./Script/Old_South_Arabian.js":843,"./Script/Old_Turkic.js":844,"./Script/Oriya.js":845,"./Script/Osage.js":846,"./Script/Osmanya.js":847,"./Script/Pahawh_Hmong.js":848,"./Script/Palmyrene.js":849,"./Script/Pau_Cin_Hau.js":850,"./Script/Phags_Pa.js":851,"./Script/Phoenician.js":852,"./Script/Psalter_Pahlavi.js":853,"./Script/Rejang.js":854,"./Script/Runic.js":855,"./Script/Samaritan.js":856,"./Script/Saurashtra.js":857,"./Script/Sharada.js":858,"./Script/Shavian.js":859,"./Script/Siddham.js":860,"./Script/SignWriting.js":861,"./Script/Sinhala.js":862,"./Script/Sogdian.js":863,"./Script/Sora_Sompeng.js":864,"./Script/Soyombo.js":865,"./Script/Sundanese.js":866,"./Script/Syloti_Nagri.js":867,"./Script/Syriac.js":868,"./Script/Tagalog.js":869,"./Script/Tagbanwa.js":870,"./Script/Tai_Le.js":871,"./Script/Tai_Tham.js":872,"./Script/Tai_Viet.js":873,"./Script/Takri.js":874,"./Script/Tamil.js":875,"./Script/Tangut.js":876,"./Script/Telugu.js":877,"./Script/Thaana.js":878,"./Script/Thai.js":879,"./Script/Tibetan.js":880,"./Script/Tifinagh.js":881,"./Script/Tirhuta.js":882,"./Script/Ugaritic.js":883,"./Script/Vai.js":884,"./Script/Wancho.js":885,"./Script/Warang_Citi.js":886,"./Script/Yezidi.js":887,"./Script/Yi.js":888,"./Script/Zanabazar_Square.js":889,"./Script_Extensions/Adlam.js":890,"./Script_Extensions/Ahom.js":891,"./Script_Extensions/Anatolian_Hieroglyphs.js":892,"./Script_Extensions/Arabic.js":893,"./Script_Extensions/Armenian.js":894,"./Script_Extensions/Avestan.js":895,"./Script_Extensions/Balinese.js":896,"./Script_Extensions/Bamum.js":897,"./Script_Extensions/Bassa_Vah.js":898,"./Script_Extensions/Batak.js":899,"./Script_Extensions/Bengali.js":900,"./Script_Extensions/Bhaiksuki.js":901,"./Script_Extensions/Bopomofo.js":902,"./Script_Extensions/Brahmi.js":903,"./Script_Extensions/Braille.js":904,"./Script_Extensions/Buginese.js":905,"./Script_Extensions/Buhid.js":906,"./Script_Extensions/Canadian_Aboriginal.js":907,"./Script_Extensions/Carian.js":908,"./Script_Extensions/Caucasian_Albanian.js":909,"./Script_Extensions/Chakma.js":910,"./Script_Extensions/Cham.js":911,"./Script_Extensions/Cherokee.js":912,"./Script_Extensions/Chorasmian.js":913,"./Script_Extensions/Common.js":914,"./Script_Extensions/Coptic.js":915,"./Script_Extensions/Cuneiform.js":916,"./Script_Extensions/Cypriot.js":917,"./Script_Extensions/Cyrillic.js":918,"./Script_Extensions/Deseret.js":919,"./Script_Extensions/Devanagari.js":920,"./Script_Extensions/Dives_Akuru.js":921,"./Script_Extensions/Dogra.js":922,"./Script_Extensions/Duployan.js":923,"./Script_Extensions/Egyptian_Hieroglyphs.js":924,"./Script_Extensions/Elbasan.js":925,"./Script_Extensions/Elymaic.js":926,"./Script_Extensions/Ethiopic.js":927,"./Script_Extensions/Georgian.js":928,"./Script_Extensions/Glagolitic.js":929,"./Script_Extensions/Gothic.js":930,"./Script_Extensions/Grantha.js":931,"./Script_Extensions/Greek.js":932,"./Script_Extensions/Gujarati.js":933,"./Script_Extensions/Gunjala_Gondi.js":934,"./Script_Extensions/Gurmukhi.js":935,"./Script_Extensions/Han.js":936,"./Script_Extensions/Hangul.js":937,"./Script_Extensions/Hanifi_Rohingya.js":938,"./Script_Extensions/Hanunoo.js":939,"./Script_Extensions/Hatran.js":940,"./Script_Extensions/Hebrew.js":941,"./Script_Extensions/Hiragana.js":942,"./Script_Extensions/Imperial_Aramaic.js":943,"./Script_Extensions/Inherited.js":944,"./Script_Extensions/Inscriptional_Pahlavi.js":945,"./Script_Extensions/Inscriptional_Parthian.js":946,"./Script_Extensions/Javanese.js":947,"./Script_Extensions/Kaithi.js":948,"./Script_Extensions/Kannada.js":949,"./Script_Extensions/Katakana.js":950,"./Script_Extensions/Kayah_Li.js":951,"./Script_Extensions/Kharoshthi.js":952,"./Script_Extensions/Khitan_Small_Script.js":953,"./Script_Extensions/Khmer.js":954,"./Script_Extensions/Khojki.js":955,"./Script_Extensions/Khudawadi.js":956,"./Script_Extensions/Lao.js":957,"./Script_Extensions/Latin.js":958,"./Script_Extensions/Lepcha.js":959,"./Script_Extensions/Limbu.js":960,"./Script_Extensions/Linear_A.js":961,"./Script_Extensions/Linear_B.js":962,"./Script_Extensions/Lisu.js":963,"./Script_Extensions/Lycian.js":964,"./Script_Extensions/Lydian.js":965,"./Script_Extensions/Mahajani.js":966,"./Script_Extensions/Makasar.js":967,"./Script_Extensions/Malayalam.js":968,"./Script_Extensions/Mandaic.js":969,"./Script_Extensions/Manichaean.js":970,"./Script_Extensions/Marchen.js":971,"./Script_Extensions/Masaram_Gondi.js":972,"./Script_Extensions/Medefaidrin.js":973,"./Script_Extensions/Meetei_Mayek.js":974,"./Script_Extensions/Mende_Kikakui.js":975,"./Script_Extensions/Meroitic_Cursive.js":976,"./Script_Extensions/Meroitic_Hieroglyphs.js":977,"./Script_Extensions/Miao.js":978,"./Script_Extensions/Modi.js":979,"./Script_Extensions/Mongolian.js":980,"./Script_Extensions/Mro.js":981,"./Script_Extensions/Multani.js":982,"./Script_Extensions/Myanmar.js":983,"./Script_Extensions/Nabataean.js":984,"./Script_Extensions/Nandinagari.js":985,"./Script_Extensions/New_Tai_Lue.js":986,"./Script_Extensions/Newa.js":987,"./Script_Extensions/Nko.js":988,"./Script_Extensions/Nushu.js":989,"./Script_Extensions/Nyiakeng_Puachue_Hmong.js":990,"./Script_Extensions/Ogham.js":991,"./Script_Extensions/Ol_Chiki.js":992,"./Script_Extensions/Old_Hungarian.js":993,"./Script_Extensions/Old_Italic.js":994,"./Script_Extensions/Old_North_Arabian.js":995,"./Script_Extensions/Old_Permic.js":996,"./Script_Extensions/Old_Persian.js":997,"./Script_Extensions/Old_Sogdian.js":998,"./Script_Extensions/Old_South_Arabian.js":999,"./Script_Extensions/Old_Turkic.js":1e3,"./Script_Extensions/Oriya.js":1001,"./Script_Extensions/Osage.js":1002,"./Script_Extensions/Osmanya.js":1003,"./Script_Extensions/Pahawh_Hmong.js":1004,"./Script_Extensions/Palmyrene.js":1005,"./Script_Extensions/Pau_Cin_Hau.js":1006,"./Script_Extensions/Phags_Pa.js":1007,"./Script_Extensions/Phoenician.js":1008,"./Script_Extensions/Psalter_Pahlavi.js":1009,"./Script_Extensions/Rejang.js":1010,"./Script_Extensions/Runic.js":1011,"./Script_Extensions/Samaritan.js":1012,"./Script_Extensions/Saurashtra.js":1013,"./Script_Extensions/Sharada.js":1014,"./Script_Extensions/Shavian.js":1015,"./Script_Extensions/Siddham.js":1016,"./Script_Extensions/SignWriting.js":1017,"./Script_Extensions/Sinhala.js":1018,"./Script_Extensions/Sogdian.js":1019,"./Script_Extensions/Sora_Sompeng.js":1020,"./Script_Extensions/Soyombo.js":1021,"./Script_Extensions/Sundanese.js":1022,"./Script_Extensions/Syloti_Nagri.js":1023,"./Script_Extensions/Syriac.js":1024,"./Script_Extensions/Tagalog.js":1025,"./Script_Extensions/Tagbanwa.js":1026,"./Script_Extensions/Tai_Le.js":1027,"./Script_Extensions/Tai_Tham.js":1028,"./Script_Extensions/Tai_Viet.js":1029,"./Script_Extensions/Takri.js":1030,"./Script_Extensions/Tamil.js":1031,"./Script_Extensions/Tangut.js":1032,"./Script_Extensions/Telugu.js":1033,"./Script_Extensions/Thaana.js":1034,"./Script_Extensions/Thai.js":1035,"./Script_Extensions/Tibetan.js":1036,"./Script_Extensions/Tifinagh.js":1037,"./Script_Extensions/Tirhuta.js":1038,"./Script_Extensions/Ugaritic.js":1039,"./Script_Extensions/Vai.js":1040,"./Script_Extensions/Wancho.js":1041,"./Script_Extensions/Warang_Citi.js":1042,"./Script_Extensions/Yezidi.js":1043,"./Script_Extensions/Yi.js":1044,"./Script_Extensions/Zanabazar_Square.js":1045,"./index.js":1046,"./unicode-version.js":1047};function webpackContext(e){var t=webpackContextResolve(e);return a(t)}function webpackContextResolve(e){if(!a.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}webpackContext.keys=function webpackContextKeys(){return Object.keys(r)},webpackContext.resolve=webpackContextResolve,e.exports=webpackContext,webpackContext.id=642},85:function(e,t,a){"use strict";a.r(t),a.d(t,"FormData",(function(){return FormData})),a.d(t,"ClearFormData",(function(){return ClearFormData})),a.d(t,"FormGenerator",(function(){return FormGenerator}));var r=a(0),i=a.n(r),n=a(1323),s=a(81),o=a.n(s);var c={textfield:{type:"TextField",map:"TextField"},typography:{type:"Typography",map:"Typography"},datatable:{type:"Table",map:"Table"},datetime:{type:"DateTime",map:"DateTime"},daterangepicker:{type:"DateRangePicker",map:"DateRangePicker"},datetimepicker:{type:"DateTimePicker",map:"DateTimePicker"},timepicker:{type:"TimePicker",map:"TimePicker"},select:{type:"Select",map:"Select"},checkbox:{type:"CheckBox",map:"CheckBox"},switch:{type:"Switch",map:"Switch"},radio:{type:"Radio",map:"Radio"}},l=a(196),u=a(205),p=a(197),d=a(198),m=a(199),j=a(200),y=a(201),b=a(195),h=a(203),f=a(204);var S={Typography:l.default,TextField:u.default,Table:p.default,DateTime:d.default,DateTimePicker:m.default,TimePicker:j.default,Select:y.default,CheckBox:b.default,Switch:h.default,Radio:f.default},x=a(3);function DynamicComponent(e){const{map:t}=e,a=S[t];return Object(x.jsx)(a,{...e})}var _=a(43);const g={MUI:{map:c}},C={},FormData=e=>e?C[e]:C,ClearFormData=e=>{const t=Object.keys(C);e?delete C[e]:t.forEach((e=>delete C[e]))};function FormGenerator(e){let{data:t=[],patch:a={},guid:s,formRef:c,onSubmit:l,onChange:u,MuiGridAttributes:p={spacing:2}}=e;const d=g.MUI,m=Object(_.d)(Object(_.f)(t,a,s,C)),j=Object(r.useCallback)((e=>{let{id:t,value:r,option:i}=e;o()(C[s])&&(C[s]=a),C[s][t]=r,"function"==typeof u&&u({id:t,value:r,option:i})}),[u,a,s]),y=Object(r.useCallback)(((e,t,a)=>{"function"==typeof e&&e(C,null,t,a)}),[]),renderDynamicComponent=(e,t)=>{const{type:a="",style:r={},className:i="",visible:s=!1,rules:o={}}=e,c=e.props||{},l=e.layout||{},u=d.map[a]||{},{options:p={}}=u;return Object(x.jsx)(n.a,{item:!0,style:r,...l,className:"".concat(i," ").concat(s?"show":"hidden"),children:Object(x.jsx)(DynamicComponent,{map:u.map,option:p.type||"",control:e,attributes:c,rules:o,onChange:j},Object(_.c)("dynamic-comp",t))},Object(_.c)("layout-comp",t))};return Object(x.jsxs)(x.Fragment,{children:[Object(x.jsx)(n.a,{container:!0,...p,children:m.wrows.map(((e,t)=>Object(x.jsx)(i.a.Fragment,{children:e.map(renderDynamicComponent)},Object(_.c)("row",t))))},Object(_.c)("layout-grid")),m.worows.map(((e,t)=>Object(x.jsx)("div",{style:e.style||{},className:"".concat(e.className||""," ").concat(e.visible?"show":"hidden"),children:renderDynamicComponent(e,t)},Object(_.c)("layout-comp",t)))),Object(x.jsx)("button",{"aria-label":"button",type:"button",ref:c,onClick:()=>y(l,t,s),style:{display:"none"}})]})}FormGenerator.defaultProps={patch:{},formRef:{},onSubmit:null,onChange:null,MuiGridAttributes:{spacing:2}};t.default={FormGenerator:FormGenerator,FormData:FormData,ClearFormData:ClearFormData}},88:function(e,t,a){"use strict";a.d(t,"a",(function(){return useUpdateEffect}));var r=a(0);function useIsFirstRender(){const e=Object(r.useRef)(!0);return e.current?(e.current=!1,!0):e.current}function useUpdateEffect(e,t){const a=useIsFirstRender();Object(r.useEffect)((()=>{if(!a)return e()}),t)}}},[[447,1,2]]]);