dynamic-mui 1.0.35 → 1.0.37

package/docs/build/main.5b2b2fe7.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1059:function(e,t,a){var i={react:a(0)},r=a(78).default.bind(null,i),n=a(79).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",r);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}]},1063: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(1064)}},1064:function(e,t,a){var i={"../../FormGenerator":a(86),"../../../data/checkbox":a(1147),react:a(0),"./checkbox.js":a(195)},r=a(78).default.bind(null,i),n=a(79).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);",r);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}]},1147:function(e,t,a){"use strict";a.r(t),a.d(t,"checkBox",(function(){return i})),a.d(t,"checkBoxCustom",(function(){return r}));const i=[{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}}],r=[{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}}]},1148: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(1149)}},1149:function(e,t,a){var i={"../../FormGenerator":a(86),"../../../data/dataTable":a(1150),react:a(0),"./datatable.js":a(197)},r=a(78).default.bind(null,i),n=a(79).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);",r);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}]},1150:function(e,t,a){"use strict";a.r(t),a.d(t,"basicTable",(function(){return i})),a.d(t,"denseTable",(function(){return r}));const i=[{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}}],r=[]},1151: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(1152)}},1152:function(e,t,a){var i={"../../FormGenerator":a(86),"../../../data/dateTime":a(265),react:a(0),"./datetime.js":a(198)},r=a(78).default.bind(null,i),n=a(79).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);",r);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}]},1153: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(1154)}},1154:function(e,t,a){var i={"../../FormGenerator":a(86),"../../../data/dateTime":a(265),react:a(0),"./datetimepicker.js":a(199)},r=a(78).default.bind(null,i),n=a(79).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);",r);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}]},1155: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(1156)}},1156:function(e,t,a){var i={"../../FormGenerator":a(86),"../../../data/radio":a(1157),react:a(0),"./radio.js":a(204)},r=a(78).default.bind(null,i),n=a(79).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);",r);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}]},1157:function(e,t,a){"use strict";a.r(t),a.d(t,"radioData",(function(){return i})),a.d(t,"customRadioData",(function(){return r}));const i=[{id:"staggerpenaltytype",type:"radio",props:{id:"staggerpenaltytype",value:"Apply penalty now",MuiAttributes:{},MuiFLabelIcon:{icon:"person",MuiFLabelIconAttributes:{sx:{mr:1,color:"rgba(0, 0, 0, 0.6)"}}},MuiFLabel:"Account",MuiFCLAttributes:{},MuiFCLabels:["Apply penalty now","Apply penalty after due date"],MuiRGAttributes:{row:!0}},layout:{row:4,xs:9,sm:9}}],r=[]},1158: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(1159)}},1159:function(e,t,a){var i={"../../FormGenerator":a(86),"../../../data/select":a(1160),react:a(0),"./select.js":a(201)},r=a(78).default.bind(null,i),n=a(79).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);",r);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}]},1160:function(e,t,a){"use strict";a.r(t),a.d(t,"select",(function(){return r})),a.d(t,"multiSelect",(function(){return n}));const i=[{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"}],r=[{type:"select",props:{id:"simpleselect",MuiAttributes:{},options:i,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:i,MuiBoxAttributes:{label:"Colors"}},layout:{row:1,xs:12,sm:12}}]},1161: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(1162)}},1162:function(e,t,a){var i={"../../FormGenerator":a(86),"../../../data/switch":a(1163),react:a(0),"./switch.js":a(203)},r=a(78).default.bind(null,i),n=a(79).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);",r);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}]},1163:function(e,t,a){"use strict";a.r(t),a.d(t,"switchData",(function(){return i})),a.d(t,"switchCustom",(function(){return r}));const i=[{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}}],r=[{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",value:!0,MuiAttributes:{color:"default"},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:4,sm:4}}]},1164: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(1165)}},1165:function(e,t,a){var i={"../../FormGenerator":a(86),"../../../data/textfield":a(1166),"react-json-tree":a(1223),react:a(0),"./textfield.js":a(205)},r=a(78).default.bind(null,i),n=a(79).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);",r);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}]},1166:function(e,t,a){"use strict";a.r(t),a.d(t,"mui",(function(){return i})),a.d(t,"validation",(function(){return r})),a.d(t,"inputAdornment",(function(){return n})),a.d(t,"sizesAndLayout",(function(){return s}));const i=[{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}}],r=[{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}}]},1218: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(1219)}},1219:function(e,t,a){var i={"../../FormGenerator":a(86),"../../../data/dateTime":a(265),react:a(0),"./timepicker.js":a(200)},r=a(78).default.bind(null,i),n=a(79).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);",r);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}]},1220: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(1221)}},1221:function(e,t,a){var i={"../../FormGenerator":a(86),react:a(0),"./typography.js":a(196)},r=a(78).default.bind(null,i),n=a(79).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);",r);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            sx: { m: 1 }\n        },\n      MuiIcon:{\n          icon:'person',\n          MuiIconAttributes:{\n            color: 'secondary',\n            sx: { mt: 1.5 }\n          }\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 i=a(0),r=a.n(i),n=a(412),s=a(283),o=a(3);function CheckBox(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:i={},MuiFCLAttributes:c={},id:l=""}=t,[u,p]=r.a.useState(i.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})},...i,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 i=a(284),r=a(413),n=a(285),s=a(3);function Typography(e){let{attributes:t}=e;const{MuiAttributes:a={},text:o="",MuiIcon:c={}}=t;return c&&c.icon?Object(s.jsxs)(r.a,{sx:{display:"flex",width:"100%"},children:[Object(s.jsx)(n.a,{...c.MuiIconAttributes,children:c.icon},c.icon),Object(s.jsx)(i.a,{...a,children:o})]}):Object(s.jsx)(i.a,{...a,children:o})}Typography.defaultProps={attributes:{}}},197:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return DataTable}));a(0);var i=a(1234),r=a(3);function DataTable(e){const{attributes:t}=e,{MuiAttributes:a={},container:n={}}=t;return Object(r.jsx)("div",{...n,children:Object(r.jsx)(i.a,{...a})})}DataTable.defaultProps={attributes:{}}},198:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return DateTime}));var i=a(0),r=a.n(i),n=a(227),s=a(281),o=a(164),c=a(40),l=a(74),u=a(3);function DateTime(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:i={},name:p="DatePicker",id:d="",MuiTextAttributes:m}=t,[j,y]=r.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})},...i,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 i=a(0),r=a.n(i),n=a(227),s=a(281),o=a(164),c=a(40),l=a(74),u=a(3);function DateTimePicker(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:i={},name:p="DateTimePicker",id:d="",MuiTextAttributes:m}=t,[j,y]=r.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})},...i,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 i=a(0),r=a.n(i),n=a(227),s=a(281),o=a(164),c=a(40),l=a(74),u=a(3);function TimePicker(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:i={},name:p="TimePicker",id:d="",MuiTextAttributes:m}=t,[j,y]=r.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})},...i,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 i=a(0),r=a.n(i),n=a(412),s=a(227),o=a(1237),c=a(400),l=a.n(c),u=a(401),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]=r.a.useState((null==t?void 0:t.value)&&getValue(l,null==t?void 0:t.value)),x=Object(i.useCallback)(((e,t)=>{if(f(t),t){const e=c.multiple?(t||[]).map((e=>(null==e?void 0:e.title)||(null==e?void 0:e.label)||(null==e?void 0:e.value))):(null==t?void 0:t.title)||(null==t?void 0:t.label)||(null==t?void 0:t.value);a({id:p,value:e,option:t})}else a({id:p,value:"",options: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:x,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 i=a(0),r=a.n(i),n=a(411),s=a(283),o=a(8),c=a(147),l=a(74),u=a(3);const p=Object(o.a)((e=>{let{color:t,...a}=e;return Object(u.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:o={},MuiFCLAttributes:c={},color:d="",id:m=""}=t,[j,y]=r.a.useState(!1);Object(i.useEffect)((()=>{(t.value||o.defaultValue)&&y(t.value||o.defaultValue)}),[]),Object(l.a)((()=>{y(t.value)}),[t.value]);const b=d?p:n.a;return Object(u.jsx)(s.a,{...c,control:Object(u.jsx)(b,{checked:j,onChange:e=>{y(e.target.checked),a({id:m,value:e.target.checked})},...o,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 i=a(0),r=a.n(i),n=a(1236),s=a(413),o=a(1240),c=a(283),l=a(1241),u=a(406),p=a(285),d=a(74),m=a(3);function Radio(e){let{attributes:t,onChange:a}=e;const{MuiAttributes:j={},MuiFCLAttributes:y={},MuiRGAttributes:b={},id:h="",MuiFLAttributes:f={},MuiFCLabels:x=[],MuiFLabel:S="",MuiFLabelIcon:_={}}=t,[g,v]=r.a.useState("");Object(i.useEffect)((()=>{(t.value||j.defaultValue)&&v(t.value||j.defaultValue)}),[]),Object(d.a)((()=>{v(t.value)}),[t.value]);const C=Object(i.useMemo)((()=>_&&_.icon?Object(m.jsxs)(s.a,{sx:{display:"flex",width:"100%"},children:[_&&_.icon&&Object(m.jsx)(p.a,{..._.MuiFLabelIconAttributes,children:_.icon},_.icon),Object(m.jsx)(u.a,{...f,id:"radio-buttons-group-label",children:S})]}):Object(m.jsx)(u.a,{...f,id:"radio-buttons-group-label",children:S})),[]);return Object(m.jsxs)(l.a,{children:[S&&C,Object(m.jsx)(o.a,{"aria-labelledby":"radio-buttons-group-label",name:"radio-buttons-group",...b,value:g,onChange:e=>{v(e.target.value),a({id:h,value:e.target.value})},children:x.map((e=>Object(m.jsx)(c.a,{...y,value:e,control:Object(m.jsx)(n.a,{...j}),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 i=a(0),r=a.n(i),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:i}=e;const{MuiAttributes:n={},InputProps:l={},format:u="",id:m=""}=t,[j,y]=r.a.useState({value:t.value||"",helperText:n.helperText||"",error:!1}),validate=e=>{let t=!1;const{validation:i}=a;if(i)for(let a=0;a<i.length;a+=1){const r=i[a];if(t=p[r.rule](e,r.value),!t)return{isValid:!1,message:r.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:i}=t[0].target,r=validate(i);y({value:i,helperText:r.message,error:!r.isValid})},onBlur: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,n=(o=r,u?s()(o).format(u):o);var o;const c=validate(n);y({value:n,helperText:c.message,error:!c.isValid}),"function"==typeof i&&i({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 i})),a.d(t,"responsiveness",(function(){return r})),a.d(t,"dateRange",(function(){return n})),a.d(t,"dateTimePicker",(function(){return s})),a.d(t,"timePicker",(function(){return o}));const i=[{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}}],r=[{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 i=a(99),r=a(82),n=a.n(r),s=a(417),o=a(285),c=a(404),l=a(407),u=a(1230),p=a(408),d=a(414),m=a(1231),j=a(410),y=a(409),b=a(1232),h=(a(0),a(3));function generateLayout(e){const t={wrows:[],worows:[]},a=Object(i.clone)(e);t.worows=Object(i.remove)(a,(e=>void 0===(e.layout?e.layout.row:e.layout)));const r=Object(i.map)(a,"layout.row"),n=Object(i.uniq)(r),s=Object(i.sortBy)(n);return Object(i.each)(s,(e=>{const r=[];Object(i.each)(a,(t=>{t.layout&&t.layout.row===e&&r.push(t)})),t.wrows.push(r)})),t}function getInputProps(e){if(!n()(e)){const{MuiInputAdornment:t={},position:a="start",icon:i,text:r,textstyle:c={}}=e;return{["".concat(a,"Adornment")]:Object(h.jsxs)(s.a,{...t,children:[i&&Object(h.jsx)(o.a,{children:i}),n()(c)?r||"":Object(h.jsx)("div",{style:c,children:r||""})]})}}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),i=(new Date).toLocaleTimeString("en").trim();return"".concat(e,"_").concat(t,"_").concat(a,"_").concat(i)},updatePatchData=(e,t,a,r)=>{r[a]=t;const n=Object.assign([],e);return Object(i.map)(n,(e=>{var t;const i={...e},n=(null==i?void 0:i.id)||(null==i||null===(t=i.props)||void 0===t?void 0:t.id);return n&&r[a][n]&&(i.props.value=r[a][n]||""),i}))},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}}:{}},452:function(e,t,a){e.exports=a(1222)},647:function(e,t,a){var i={"./Binary_Property/ASCII.js":648,"./Binary_Property/ASCII_Hex_Digit.js":649,"./Binary_Property/Alphabetic.js":650,"./Binary_Property/Any.js":651,"./Binary_Property/Assigned.js":652,"./Binary_Property/Bidi_Control.js":653,"./Binary_Property/Bidi_Mirrored.js":654,"./Binary_Property/Case_Ignorable.js":655,"./Binary_Property/Cased.js":656,"./Binary_Property/Changes_When_Casefolded.js":657,"./Binary_Property/Changes_When_Casemapped.js":658,"./Binary_Property/Changes_When_Lowercased.js":659,"./Binary_Property/Changes_When_NFKC_Casefolded.js":660,"./Binary_Property/Changes_When_Titlecased.js":661,"./Binary_Property/Changes_When_Uppercased.js":662,"./Binary_Property/Dash.js":663,"./Binary_Property/Default_Ignorable_Code_Point.js":664,"./Binary_Property/Deprecated.js":665,"./Binary_Property/Diacritic.js":666,"./Binary_Property/Emoji.js":667,"./Binary_Property/Emoji_Component.js":668,"./Binary_Property/Emoji_Modifier.js":669,"./Binary_Property/Emoji_Modifier_Base.js":670,"./Binary_Property/Emoji_Presentation.js":671,"./Binary_Property/Extended_Pictographic.js":672,"./Binary_Property/Extender.js":673,"./Binary_Property/Grapheme_Base.js":674,"./Binary_Property/Grapheme_Extend.js":675,"./Binary_Property/Hex_Digit.js":676,"./Binary_Property/IDS_Binary_Operator.js":677,"./Binary_Property/IDS_Trinary_Operator.js":678,"./Binary_Property/ID_Continue.js":679,"./Binary_Property/ID_Start.js":680,"./Binary_Property/Ideographic.js":681,"./Binary_Property/Join_Control.js":682,"./Binary_Property/Logical_Order_Exception.js":683,"./Binary_Property/Lowercase.js":684,"./Binary_Property/Math.js":685,"./Binary_Property/Noncharacter_Code_Point.js":686,"./Binary_Property/Pattern_Syntax.js":687,"./Binary_Property/Pattern_White_Space.js":688,"./Binary_Property/Quotation_Mark.js":689,"./Binary_Property/Radical.js":690,"./Binary_Property/Regional_Indicator.js":691,"./Binary_Property/Sentence_Terminal.js":692,"./Binary_Property/Soft_Dotted.js":693,"./Binary_Property/Terminal_Punctuation.js":694,"./Binary_Property/Unified_Ideograph.js":695,"./Binary_Property/Uppercase.js":696,"./Binary_Property/Variation_Selector.js":697,"./Binary_Property/White_Space.js":698,"./Binary_Property/XID_Continue.js":699,"./Binary_Property/XID_Start.js":700,"./General_Category/Cased_Letter.js":701,"./General_Category/Close_Punctuation.js":702,"./General_Category/Connector_Punctuation.js":703,"./General_Category/Control.js":704,"./General_Category/Currency_Symbol.js":705,"./General_Category/Dash_Punctuation.js":706,"./General_Category/Decimal_Number.js":707,"./General_Category/Enclosing_Mark.js":708,"./General_Category/Final_Punctuation.js":709,"./General_Category/Format.js":710,"./General_Category/Initial_Punctuation.js":711,"./General_Category/Letter.js":712,"./General_Category/Letter_Number.js":713,"./General_Category/Line_Separator.js":714,"./General_Category/Lowercase_Letter.js":715,"./General_Category/Mark.js":716,"./General_Category/Math_Symbol.js":717,"./General_Category/Modifier_Letter.js":718,"./General_Category/Modifier_Symbol.js":719,"./General_Category/Nonspacing_Mark.js":720,"./General_Category/Number.js":721,"./General_Category/Open_Punctuation.js":722,"./General_Category/Other.js":723,"./General_Category/Other_Letter.js":724,"./General_Category/Other_Number.js":725,"./General_Category/Other_Punctuation.js":726,"./General_Category/Other_Symbol.js":727,"./General_Category/Paragraph_Separator.js":728,"./General_Category/Private_Use.js":729,"./General_Category/Punctuation.js":730,"./General_Category/Separator.js":731,"./General_Category/Space_Separator.js":732,"./General_Category/Spacing_Mark.js":733,"./General_Category/Surrogate.js":734,"./General_Category/Symbol.js":735,"./General_Category/Titlecase_Letter.js":736,"./General_Category/Unassigned.js":737,"./General_Category/Uppercase_Letter.js":738,"./Script/Adlam.js":739,"./Script/Ahom.js":740,"./Script/Anatolian_Hieroglyphs.js":741,"./Script/Arabic.js":742,"./Script/Armenian.js":743,"./Script/Avestan.js":744,"./Script/Balinese.js":745,"./Script/Bamum.js":746,"./Script/Bassa_Vah.js":747,"./Script/Batak.js":748,"./Script/Bengali.js":749,"./Script/Bhaiksuki.js":750,"./Script/Bopomofo.js":751,"./Script/Brahmi.js":752,"./Script/Braille.js":753,"./Script/Buginese.js":754,"./Script/Buhid.js":755,"./Script/Canadian_Aboriginal.js":756,"./Script/Carian.js":757,"./Script/Caucasian_Albanian.js":758,"./Script/Chakma.js":759,"./Script/Cham.js":760,"./Script/Cherokee.js":761,"./Script/Chorasmian.js":762,"./Script/Common.js":763,"./Script/Coptic.js":764,"./Script/Cuneiform.js":765,"./Script/Cypriot.js":766,"./Script/Cyrillic.js":767,"./Script/Deseret.js":768,"./Script/Devanagari.js":769,"./Script/Dives_Akuru.js":770,"./Script/Dogra.js":771,"./Script/Duployan.js":772,"./Script/Egyptian_Hieroglyphs.js":773,"./Script/Elbasan.js":774,"./Script/Elymaic.js":775,"./Script/Ethiopic.js":776,"./Script/Georgian.js":777,"./Script/Glagolitic.js":778,"./Script/Gothic.js":779,"./Script/Grantha.js":780,"./Script/Greek.js":781,"./Script/Gujarati.js":782,"./Script/Gunjala_Gondi.js":783,"./Script/Gurmukhi.js":784,"./Script/Han.js":785,"./Script/Hangul.js":786,"./Script/Hanifi_Rohingya.js":787,"./Script/Hanunoo.js":788,"./Script/Hatran.js":789,"./Script/Hebrew.js":790,"./Script/Hiragana.js":791,"./Script/Imperial_Aramaic.js":792,"./Script/Inherited.js":793,"./Script/Inscriptional_Pahlavi.js":794,"./Script/Inscriptional_Parthian.js":795,"./Script/Javanese.js":796,"./Script/Kaithi.js":797,"./Script/Kannada.js":798,"./Script/Katakana.js":799,"./Script/Kayah_Li.js":800,"./Script/Kharoshthi.js":801,"./Script/Khitan_Small_Script.js":802,"./Script/Khmer.js":803,"./Script/Khojki.js":804,"./Script/Khudawadi.js":805,"./Script/Lao.js":806,"./Script/Latin.js":807,"./Script/Lepcha.js":808,"./Script/Limbu.js":809,"./Script/Linear_A.js":810,"./Script/Linear_B.js":811,"./Script/Lisu.js":812,"./Script/Lycian.js":813,"./Script/Lydian.js":814,"./Script/Mahajani.js":815,"./Script/Makasar.js":816,"./Script/Malayalam.js":817,"./Script/Mandaic.js":818,"./Script/Manichaean.js":819,"./Script/Marchen.js":820,"./Script/Masaram_Gondi.js":821,"./Script/Medefaidrin.js":822,"./Script/Meetei_Mayek.js":823,"./Script/Mende_Kikakui.js":824,"./Script/Meroitic_Cursive.js":825,"./Script/Meroitic_Hieroglyphs.js":826,"./Script/Miao.js":827,"./Script/Modi.js":828,"./Script/Mongolian.js":829,"./Script/Mro.js":830,"./Script/Multani.js":831,"./Script/Myanmar.js":832,"./Script/Nabataean.js":833,"./Script/Nandinagari.js":834,"./Script/New_Tai_Lue.js":835,"./Script/Newa.js":836,"./Script/Nko.js":837,"./Script/Nushu.js":838,"./Script/Nyiakeng_Puachue_Hmong.js":839,"./Script/Ogham.js":840,"./Script/Ol_Chiki.js":841,"./Script/Old_Hungarian.js":842,"./Script/Old_Italic.js":843,"./Script/Old_North_Arabian.js":844,"./Script/Old_Permic.js":845,"./Script/Old_Persian.js":846,"./Script/Old_Sogdian.js":847,"./Script/Old_South_Arabian.js":848,"./Script/Old_Turkic.js":849,"./Script/Oriya.js":850,"./Script/Osage.js":851,"./Script/Osmanya.js":852,"./Script/Pahawh_Hmong.js":853,"./Script/Palmyrene.js":854,"./Script/Pau_Cin_Hau.js":855,"./Script/Phags_Pa.js":856,"./Script/Phoenician.js":857,"./Script/Psalter_Pahlavi.js":858,"./Script/Rejang.js":859,"./Script/Runic.js":860,"./Script/Samaritan.js":861,"./Script/Saurashtra.js":862,"./Script/Sharada.js":863,"./Script/Shavian.js":864,"./Script/Siddham.js":865,"./Script/SignWriting.js":866,"./Script/Sinhala.js":867,"./Script/Sogdian.js":868,"./Script/Sora_Sompeng.js":869,"./Script/Soyombo.js":870,"./Script/Sundanese.js":871,"./Script/Syloti_Nagri.js":872,"./Script/Syriac.js":873,"./Script/Tagalog.js":874,"./Script/Tagbanwa.js":875,"./Script/Tai_Le.js":876,"./Script/Tai_Tham.js":877,"./Script/Tai_Viet.js":878,"./Script/Takri.js":879,"./Script/Tamil.js":880,"./Script/Tangut.js":881,"./Script/Telugu.js":882,"./Script/Thaana.js":883,"./Script/Thai.js":884,"./Script/Tibetan.js":885,"./Script/Tifinagh.js":886,"./Script/Tirhuta.js":887,"./Script/Ugaritic.js":888,"./Script/Vai.js":889,"./Script/Wancho.js":890,"./Script/Warang_Citi.js":891,"./Script/Yezidi.js":892,"./Script/Yi.js":893,"./Script/Zanabazar_Square.js":894,"./Script_Extensions/Adlam.js":895,"./Script_Extensions/Ahom.js":896,"./Script_Extensions/Anatolian_Hieroglyphs.js":897,"./Script_Extensions/Arabic.js":898,"./Script_Extensions/Armenian.js":899,"./Script_Extensions/Avestan.js":900,"./Script_Extensions/Balinese.js":901,"./Script_Extensions/Bamum.js":902,"./Script_Extensions/Bassa_Vah.js":903,"./Script_Extensions/Batak.js":904,"./Script_Extensions/Bengali.js":905,"./Script_Extensions/Bhaiksuki.js":906,"./Script_Extensions/Bopomofo.js":907,"./Script_Extensions/Brahmi.js":908,"./Script_Extensions/Braille.js":909,"./Script_Extensions/Buginese.js":910,"./Script_Extensions/Buhid.js":911,"./Script_Extensions/Canadian_Aboriginal.js":912,"./Script_Extensions/Carian.js":913,"./Script_Extensions/Caucasian_Albanian.js":914,"./Script_Extensions/Chakma.js":915,"./Script_Extensions/Cham.js":916,"./Script_Extensions/Cherokee.js":917,"./Script_Extensions/Chorasmian.js":918,"./Script_Extensions/Common.js":919,"./Script_Extensions/Coptic.js":920,"./Script_Extensions/Cuneiform.js":921,"./Script_Extensions/Cypriot.js":922,"./Script_Extensions/Cyrillic.js":923,"./Script_Extensions/Deseret.js":924,"./Script_Extensions/Devanagari.js":925,"./Script_Extensions/Dives_Akuru.js":926,"./Script_Extensions/Dogra.js":927,"./Script_Extensions/Duployan.js":928,"./Script_Extensions/Egyptian_Hieroglyphs.js":929,"./Script_Extensions/Elbasan.js":930,"./Script_Extensions/Elymaic.js":931,"./Script_Extensions/Ethiopic.js":932,"./Script_Extensions/Georgian.js":933,"./Script_Extensions/Glagolitic.js":934,"./Script_Extensions/Gothic.js":935,"./Script_Extensions/Grantha.js":936,"./Script_Extensions/Greek.js":937,"./Script_Extensions/Gujarati.js":938,"./Script_Extensions/Gunjala_Gondi.js":939,"./Script_Extensions/Gurmukhi.js":940,"./Script_Extensions/Han.js":941,"./Script_Extensions/Hangul.js":942,"./Script_Extensions/Hanifi_Rohingya.js":943,"./Script_Extensions/Hanunoo.js":944,"./Script_Extensions/Hatran.js":945,"./Script_Extensions/Hebrew.js":946,"./Script_Extensions/Hiragana.js":947,"./Script_Extensions/Imperial_Aramaic.js":948,"./Script_Extensions/Inherited.js":949,"./Script_Extensions/Inscriptional_Pahlavi.js":950,"./Script_Extensions/Inscriptional_Parthian.js":951,"./Script_Extensions/Javanese.js":952,"./Script_Extensions/Kaithi.js":953,"./Script_Extensions/Kannada.js":954,"./Script_Extensions/Katakana.js":955,"./Script_Extensions/Kayah_Li.js":956,"./Script_Extensions/Kharoshthi.js":957,"./Script_Extensions/Khitan_Small_Script.js":958,"./Script_Extensions/Khmer.js":959,"./Script_Extensions/Khojki.js":960,"./Script_Extensions/Khudawadi.js":961,"./Script_Extensions/Lao.js":962,"./Script_Extensions/Latin.js":963,"./Script_Extensions/Lepcha.js":964,"./Script_Extensions/Limbu.js":965,"./Script_Extensions/Linear_A.js":966,"./Script_Extensions/Linear_B.js":967,"./Script_Extensions/Lisu.js":968,"./Script_Extensions/Lycian.js":969,"./Script_Extensions/Lydian.js":970,"./Script_Extensions/Mahajani.js":971,"./Script_Extensions/Makasar.js":972,"./Script_Extensions/Malayalam.js":973,"./Script_Extensions/Mandaic.js":974,"./Script_Extensions/Manichaean.js":975,"./Script_Extensions/Marchen.js":976,"./Script_Extensions/Masaram_Gondi.js":977,"./Script_Extensions/Medefaidrin.js":978,"./Script_Extensions/Meetei_Mayek.js":979,"./Script_Extensions/Mende_Kikakui.js":980,"./Script_Extensions/Meroitic_Cursive.js":981,"./Script_Extensions/Meroitic_Hieroglyphs.js":982,"./Script_Extensions/Miao.js":983,"./Script_Extensions/Modi.js":984,"./Script_Extensions/Mongolian.js":985,"./Script_Extensions/Mro.js":986,"./Script_Extensions/Multani.js":987,"./Script_Extensions/Myanmar.js":988,"./Script_Extensions/Nabataean.js":989,"./Script_Extensions/Nandinagari.js":990,"./Script_Extensions/New_Tai_Lue.js":991,"./Script_Extensions/Newa.js":992,"./Script_Extensions/Nko.js":993,"./Script_Extensions/Nushu.js":994,"./Script_Extensions/Nyiakeng_Puachue_Hmong.js":995,"./Script_Extensions/Ogham.js":996,"./Script_Extensions/Ol_Chiki.js":997,"./Script_Extensions/Old_Hungarian.js":998,"./Script_Extensions/Old_Italic.js":999,"./Script_Extensions/Old_North_Arabian.js":1e3,"./Script_Extensions/Old_Permic.js":1001,"./Script_Extensions/Old_Persian.js":1002,"./Script_Extensions/Old_Sogdian.js":1003,"./Script_Extensions/Old_South_Arabian.js":1004,"./Script_Extensions/Old_Turkic.js":1005,"./Script_Extensions/Oriya.js":1006,"./Script_Extensions/Osage.js":1007,"./Script_Extensions/Osmanya.js":1008,"./Script_Extensions/Pahawh_Hmong.js":1009,"./Script_Extensions/Palmyrene.js":1010,"./Script_Extensions/Pau_Cin_Hau.js":1011,"./Script_Extensions/Phags_Pa.js":1012,"./Script_Extensions/Phoenician.js":1013,"./Script_Extensions/Psalter_Pahlavi.js":1014,"./Script_Extensions/Rejang.js":1015,"./Script_Extensions/Runic.js":1016,"./Script_Extensions/Samaritan.js":1017,"./Script_Extensions/Saurashtra.js":1018,"./Script_Extensions/Sharada.js":1019,"./Script_Extensions/Shavian.js":1020,"./Script_Extensions/Siddham.js":1021,"./Script_Extensions/SignWriting.js":1022,"./Script_Extensions/Sinhala.js":1023,"./Script_Extensions/Sogdian.js":1024,"./Script_Extensions/Sora_Sompeng.js":1025,"./Script_Extensions/Soyombo.js":1026,"./Script_Extensions/Sundanese.js":1027,"./Script_Extensions/Syloti_Nagri.js":1028,"./Script_Extensions/Syriac.js":1029,"./Script_Extensions/Tagalog.js":1030,"./Script_Extensions/Tagbanwa.js":1031,"./Script_Extensions/Tai_Le.js":1032,"./Script_Extensions/Tai_Tham.js":1033,"./Script_Extensions/Tai_Viet.js":1034,"./Script_Extensions/Takri.js":1035,"./Script_Extensions/Tamil.js":1036,"./Script_Extensions/Tangut.js":1037,"./Script_Extensions/Telugu.js":1038,"./Script_Extensions/Thaana.js":1039,"./Script_Extensions/Thai.js":1040,"./Script_Extensions/Tibetan.js":1041,"./Script_Extensions/Tifinagh.js":1042,"./Script_Extensions/Tirhuta.js":1043,"./Script_Extensions/Ugaritic.js":1044,"./Script_Extensions/Vai.js":1045,"./Script_Extensions/Wancho.js":1046,"./Script_Extensions/Warang_Citi.js":1047,"./Script_Extensions/Yezidi.js":1048,"./Script_Extensions/Yi.js":1049,"./Script_Extensions/Zanabazar_Square.js":1050,"./index.js":1051,"./unicode-version.js":1052};function webpackContext(e){var t=webpackContextResolve(e);return a(t)}function webpackContextResolve(e){if(!a.o(i,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return i[e]}webpackContext.keys=function webpackContextKeys(){return Object.keys(i)},webpackContext.resolve=webpackContextResolve,e.exports=webpackContext,webpackContext.id=647},74:function(e,t,a){"use strict";a.d(t,"a",(function(){return useUpdateEffect}));var i=a(0);function useIsFirstRender(){const e=Object(i.useRef)(!0);return e.current?(e.current=!1,!0):e.current}function useUpdateEffect(e,t){const a=useIsFirstRender();Object(i.useEffect)((()=>{if(!a)return e()}),t)}},86: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 i=a(0),r=a.n(i),n=a(1327),s=a(82),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 x={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},S=a(3);function DynamicComponent(e){const{map:t}=e,a=x[t];return Object(S.jsx)(a,{...e})}var _=a(40),g=a(74);const v={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,m]=Object(i.useState)(a),j=v.MUI,y=Object(i.useMemo)((()=>Object(_.d)(Object(_.f)(t,d,s,C))),[d,t,s]);Object(i.useEffect)((()=>{o()(C[s])&&(C[s]=a)}),[]),Object(g.a)((()=>{m({...a})}),[a]);const b=Object(i.useCallback)((e=>{let{id:t,value:a,option:i}=e;C[s][t]=a,"function"==typeof u&&u({id:t,value:a,option:i})}),[]),h=Object(i.useCallback)(((e,t,a)=>{"function"==typeof e&&e(C,null,t,a)}),[]),renderDynamicComponent=(e,t)=>{const{type:a="",style:i={},className:r="",visible:s=!1,rules:o={}}=e,c=e.props||{},l=e.layout||{},u=j.map[a]||{},{options:p={}}=u;return Object(S.jsx)(n.a,{item:!0,style:i,...l,className:"".concat(r," ").concat(s?"show":"hidden"),children:Object(S.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(S.jsxs)(S.Fragment,{children:[Object(S.jsx)(n.a,{container:!0,...p,children:y.wrows.map(((e,t)=>Object(S.jsx)(r.a.Fragment,{children:e.map(renderDynamicComponent)},Object(_.c)("row",t))))},Object(_.c)("layout-grid")),y.worows.map(((e,t)=>Object(S.jsx)("div",{style:e.style||{},className:"".concat(e.className||""," ").concat(e.visible?"show":"hidden"),children:renderDynamicComponent(e,t)},Object(_.c)("layout-comp",t)))),Object(S.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}}},[[452,1,2]]]);

package/docs/index.html

@@ -12,7 +12,7 @@
   <body>
     <div id="rsg-root"></div>
     <script src="build/bundle.2d61df25.js"></script>
-    <script src="build/2.7567d890.js"></script>
-    <script src="build/main.523b831f.js"></script>
+    <script src="build/2.8784a577.js"></script>
+    <script src="build/main.5b2b2fe7.js"></script>
   </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynamic-mui",
-  "version": "1.0.35",
+  "version": "1.0.37",
   "author": "Dinakaran S",
   "user": "dinakarans",
   "repository": {