dynamic-mui 0.1.8 → 1.0.2
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.
- package/README.md +24 -17
- package/dist-modules/components/DynamicComponent.js +1 -10
- package/dist-modules/components/FormGenerator.js +96 -51
- package/dist-modules/components/controls/CheckBox/checkbox.js +25 -32
- package/dist-modules/components/controls/DataTable/datatable.js +6 -15
- package/dist-modules/components/controls/DateTime/datetime.js +27 -35
- package/dist-modules/components/controls/DateTimePicker/datetimepicker.js +27 -35
- package/dist-modules/components/controls/Radio/radio.js +76 -0
- package/dist-modules/components/controls/Select/select.js +43 -57
- package/dist-modules/components/controls/Switch/switch.js +31 -41
- package/dist-modules/components/controls/TextField/textfield.js +36 -52
- package/dist-modules/components/controls/TimePicker/timepicker.js +27 -35
- package/dist-modules/components/controls/Typography/typography.js +4 -10
- package/dist-modules/components/controls/index.js +4 -17
- package/dist-modules/config/mui.js +5 -2
- package/dist-modules/data/checkbox.js +11 -5
- package/dist-modules/data/dataTable.js +3 -4
- package/dist-modules/data/dateTime.js +14 -12
- package/dist-modules/data/radio.js +28 -0
- package/dist-modules/data/select.js +6 -6
- package/dist-modules/data/switch.js +11 -6
- package/dist-modules/data/textfield.js +6 -10
- package/dist-modules/util/helper.js +43 -66
- package/dist-modules/util/validation.js +1 -6
- package/docs/asset-manifest.json +7 -7
- package/docs/build/2.ae947fc9.js +2 -0
- package/docs/build/{2.22a7a8d1.js.LICENSE.txt → 2.ae947fc9.js.LICENSE.txt} +32 -46
- package/docs/build/main.728d1f56.js +1 -0
- package/docs/index.html +5 -4
- package/package.json +35 -34
- package/styleguide.config.js +49 -1
- package/themes/index.js +1 -1
- package/dist-modules/App.js +0 -32
- package/dist-modules/App.test.js +0 -15
- package/dist-modules/components/controls/DateRangePicker/daterangepicker.js +0 -74
- package/dist-modules/index.js +0 -20
- package/dist-modules/reportWebVitals.js +0 -34
- package/dist-modules/setupTests.js +0 -3
- package/docs/build/2.22a7a8d1.js +0 -2
- package/docs/build/main.0638d2dd.js +0 -1
- /package/docs/build/{bundle.483fa668.js → bundle.039d7aef.js} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1064:function(t,e,r){var a={react:r(0)},i=r(81).default.bind(null,a);r(82).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",i);t.exports=[{type:"markdown",content:"Build dynamic forms using Material UI\n\n## Installation\n\n`npm install @material-ui/core@next @emotion/react @emotion/styled`\n`npm install dynamic-mui --save`\n\n\\##Usage\n\n`import { FormGenerator } from 'dynamic-mui/dist-modules/components/FormGenerator'`;\n`import * as MUI from '@material-ui/core';`\n\n`<FormGenerator\ndata={[{\ntype: 'textfield',\nprops: { MuiAttributes: { placeholder: 'Standard', fullWidth: true, variant: 'standard' } },\nlayout: {\nrow: 1,\nxs: 4,\nsm: 4,\n},\n},\n]}\nguid=\"Testing\"\nlibrary={MUI}\n/>`"}]},1068:function(t,e,r){t.exports={doclets:{},displayName:"CheckBox",description:"CheckBox 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:r(1069)}},1069:function(t,e,r){var a={"../../FormGenerator":r(92),"../../../data/checkbox":r(1151),react:r(0),"./checkbox.js":r(218)},i=r(81).default.bind(null,a),n=r(82).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);t.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}]},1151:function(t,e,r){"use strict";r.r(e),r.d(e,"checkBox",(function(){return a})),r.d(e,"checkBoxCustom",(function(){return i}));var a=[{type:"checkbox",props:{MuiAttributes:{defaultChecked:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{MuiAttributes:{},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{MuiAttributes:{disabled:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{MuiAttributes:{disabled:!0,checked:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}}],i=[{type:"checkbox",props:{MuiAttributes:{defaultChecked:!0},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{MuiAttributes:{size:"small",defaultChecked:!0,color:"secondary"},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{MuiAttributes:{defaultChecked:!0,color:"default"},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:3,sm:3}},{type:"checkbox",props:{MuiAttributes:{defaultChecked:!0,sx:{color:"green","&.Mui-checked":{color:"green"}}},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:3,sm:3}}]},1152:function(t,e,r){t.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:r(1153)}},1153:function(t,e,r){var a={"../../FormGenerator":r(92),"../../../data/dataTable":r(1154),react:r(0),"./datatable.js":r(221)},i=r(81).default.bind(null,a),n=r(82).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);t.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}]},1154:function(t,e,r){"use strict";r.r(e),r.d(e,"basicTable",(function(){return a})),r.d(e,"denseTable",(function(){return i}));var a=[{type:"datatable",props:{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=[]},1155:function(t,e,r){t.exports={doclets:{},displayName:"DateRangePicker",description:"",methods:[],props:[{type:{name:"objectOf",value:{name:"object"}},required:!1,description:"Attributes for Date Range",defaultValue:{value:"{}",computed:!1},tags:{},name:"attributes"}],examples:r(1156)}},1156:function(t,e,r){var a={"../../FormGenerator":r(92),"../../../data/dateTime":r(216),react:r(0),"./daterangepicker.js":r(223)},i=r(81).default.bind(null,a),n=r(82).default.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst DateRangePicker$0 = require('./daterangepicker.js');\nconst DateRangePicker = DateRangePicker$0.default || (DateRangePicker$0['DateRangePicker'] || DateRangePicker$0);",i);t.exports=[{type:"markdown",content:"Date pickers let the user select a range of dates.\n\nBasic usage"},{type:"code",content:'import {FormGenerator} from "../../FormGenerator";\nimport {dateRange} from \'../../../data/dateTime\';\n\n<FormGenerator data={dateRange} guid="daterangepicker"/>',settings:{},evalInContext:n}]},1157:function(t,e,r){t.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"}],examples:r(1158)}},1158:function(t,e,r){var a={"../../FormGenerator":r(92),"../../../data/dateTime":r(216),react:r(0),"./datetime.js":r(222)},i=r(81).default.bind(null,a),n=r(82).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);t.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="textfield"/>',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="datetime"/>',settings:{},evalInContext:n}]},1159:function(t,e,r){t.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"}],examples:r(1160)}},1160:function(t,e,r){var a={"../../FormGenerator":r(92),"../../../data/dateTime":r(216),react:r(0),"./datetimepicker.js":r(224)},i=r(81).default.bind(null,a),n=r(82).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);t.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="textfield"/>',settings:{},evalInContext:n}]},1161:function(t,e,r){t.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"}],examples:r(1162)}},1162:function(t,e,r){var a={"../../FormGenerator":r(92),"../../../data/select":r(1163),react:r(0),"./select.js":r(226)},i=r(81).default.bind(null,a),n=r(82).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);t.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="textfield"/>',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="textfield"/>',settings:{},evalInContext:n}]},1163:function(t,e,r){"use strict";r.r(e),r.d(e,"select",(function(){return i})),r.d(e,"multiSelect",(function(){return n}));var a=[{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:{MuiAttributes:{},options:a,MuiBoxAttributes:{label:"Colors"}},layout:{row:1,xs:12,sm:12}}],n=[{type:"select",props:{MuiAttributes:{multiple:!0,disableCloseOnSelect:!0},options:a,MuiBoxAttributes:{label:"Colors"}},layout:{row:1,xs:12,sm:12}}]},1164:function(t,e,r){t.exports={doclets:{},displayName:"Switch",description:"CheckBox 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:r(1165)}},1165:function(t,e,r){var a={"../../FormGenerator":r(92),"../../../data/switch":r(1166),react:r(0),"./switch.js":r(227)},i=r(81).default.bind(null,a),n=r(82).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);t.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="checkbox"/>',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="checkbox"/>',settings:{},evalInContext:n}]},1166:function(t,e,r){"use strict";r.r(e),r.d(e,"switchData",(function(){return a})),r.d(e,"switchCustom",(function(){return i}));var a=[{type:"switch",props:{MuiAttributes:{defaultChecked:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"switch",props:{MuiAttributes:{},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"switch",props:{MuiAttributes:{disabled:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}},{type:"switch",props:{MuiAttributes:{disabled:!0,checked:!0},MuiFCLAttributes:{label:""}},layout:{row:1,xs:3,sm:3}}],i=[{type:"switch",props:{MuiAttributes:{defaultChecked:!0},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:4,sm:4}},{type:"switch",props:{MuiAttributes:{size:"small",defaultChecked:!0,color:"secondary"},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:4,sm:4}},{type:"switch",props:{MuiAttributes:{defaultChecked:!0,color:"default"},MuiFCLAttributes:{label:"Label"}},layout:{row:1,xs:4,sm:4}}]},1167:function(t,e,r){t.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:"objectOf",value:{name:"array"}},required:!1,description:"Rules to be used",defaultValue:{value:"{}",computed:!1},tags:{},name:"rules"}],examples:r(1168)}},1168:function(t,e,r){var a={"../../FormGenerator":r(92),"../../../data/textfield":r(1169),"react-json-tree":r(1170),react:r(0),"./textfield.js":r(228)},i=r(81).default.bind(null,a),n=r(82).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);t.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=\"textfield\"/>",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="textfield"/>',settings:{},evalInContext:n}]},1169:function(t,e,r){"use strict";r.r(e),r.d(e,"mui",(function(){return a})),r.d(e,"validation",(function(){return i})),r.d(e,"inputAdornment",(function(){return n})),r.d(e,"sizesAndLayout",(function(){return o}));var a=[{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}}],o=[{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}}]},1227:function(t,e,r){t.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"}],examples:r(1228)}},1228:function(t,e,r){var a={"../../FormGenerator":r(92),"../../../data/dateTime":r(216),react:r(0),"./timepicker.js":r(225)},i=r(81).default.bind(null,a),n=r(82).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);t.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="textfield"/>',settings:{},evalInContext:n}]},1229:function(t,e,r){t.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:r(1230)}},1230:function(t,e,r){var a={"../../FormGenerator":r(92),react:r(0),"./typography.js":r(219)},i=r(81).default.bind(null,a),n=r(82).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);t.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}]},216:function(t,e,r){"use strict";r.r(e),r.d(e,"mui",(function(){return a})),r.d(e,"responsiveness",(function(){return i})),r.d(e,"dateRange",(function(){return n})),r.d(e,"dateTimePicker",(function(){return o})),r.d(e,"timePicker",(function(){return s}));var a=[{type:"datetime",props:{MuiAttributes:{placeholder:"Standard",fullWidth:!0,variant:"standard"}},layout:{row:1,xs:4,sm:4}}],i=[{type:"datetime",props:{MuiAttributes:{label:"For mobile",fullWidth:!0,variant:"standard"},name:"MobileDatePicker"},layout:{row:1,xs:4,sm:4}},{type:"datetime",props:{MuiAttributes:{label:"For desktop",fullWidth:!0,variant:"standard"},name:"DesktopDatePicker"},layout:{row:1,xs:4,sm:4}},{type:"datetime",props:{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:{MuiAttributes:{fullWidth:!0,variant:"standard",startText:"Check-in",endText:"Check-out"}},layout:{row:1,xs:12,sm:12}}],o=[{type:"datetimepicker",props:{MuiAttributes:{label:"Standard",fullWidth:!0,variant:"standard"}},layout:{row:1,xs:12,sm:12}}],s=[{type:"timepicker",props:{MuiAttributes:{label:"Standard",fullWidth:!0,variant:"standard"}},layout:{row:1,xs:12,sm:12}}]},218:function(t,e,r){"use strict";r.r(e),r.d(e,"default",(function(){return CheckBox}));var a=r(18),i=r(8),n=r(0),o=r.n(n),s=r(263),c=r(322),u=r(2);function CheckBox(t){var e=t.attributes,r=e.MuiAttributes,n=void 0===r?{}:r,l=e.MuiFCLAttributes,p=void 0===l?{}:l,d=o.a.useState(n.defaultChecked||!1),m=Object(i.a)(d,2),j=m[0],y=m[1];return Object(u.jsx)(c.a,Object(a.a)(Object(a.a)({},p),{},{control:Object(u.jsx)(s.a,Object(a.a)(Object(a.a)({checked:j,onChange:function handleChange(t){y(t.target.checked)}},n),{},{inputProps:{"aria-label":"controlled"}}))}))}CheckBox.defaultProps={attributes:{}}},219:function(t,e,r){"use strict";r.r(e),r.d(e,"default",(function(){return Typography}));var a=r(18),i=(r(0),r(323)),n=r(2);function Typography(t){var e=t.attributes,r=e.MuiAttributes,o=void 0===r?{}:r,s=e.text,c=void 0===s?"":s;return Object(n.jsx)(i.a,Object(a.a)(Object(a.a)({},o),{},{children:c}))}Typography.defaultProps={attributes:{}}},221:function(t,e,r){"use strict";r.r(e),r.d(e,"default",(function(){return DataTable}));var a=r(18),i=(r(0),r(428)),n=r(2);function DataTable(t){var e=t.attributes,r=e.MuiAttributes,o=void 0===r?{}:r,s=e.container,c=void 0===s?{}:s;return Object(n.jsx)("div",Object(a.a)(Object(a.a)({},c),{},{children:Object(n.jsx)(i.a,Object(a.a)({},o))}))}DataTable.defaultProps={attributes:{}}},222:function(t,e,r){"use strict";r.r(e),r.d(e,"default",(function(){return DateTime}));var a=r(18),i=r(8),n=r(0),o=r.n(n),s=r(111),c=r(262),u=r(180),l=r(46),p=r(2);function DateTime(t){var e=t.attributes,r=e.MuiAttributes,n=void 0===r?{}:r,d=e.name,m=void 0===d?"DatePicker":d,j=o.a.useState(new Date),y=Object(i.a)(j,2),b=y[0],f=y[1],S=Object(l.a)(m);return Object(p.jsx)(u.b,{dateAdapter:c.a,children:Object(p.jsx)(S,Object(a.a)(Object(a.a)({value:b,onChange:function onChange(t){f(t)}},n),{},{renderInput:function renderInput(t){return Object(p.jsx)(s.a,Object(a.a)({},t))}}))})}DateTime.defaultProps={attributes:{}}},223:function(t,e,r){"use strict";r.r(e),r.d(e,"default",(function(){return DateRangePicker}));var a=r(18),i=r(8),n=r(0),o=r.n(n),s=r(111),c=r(262),u=r(180),l=r(1243),p=r(46),d=r(2);function DateRangePicker(t){var e=t.attributes,r=e.MuiAttributes,n=void 0===r?{}:r,m=e.name,j=void 0===m?"DateRangePicker":m,y=o.a.useState([null,null]),b=Object(i.a)(y,2),f=b[0],S=b[1],x=Object(p.a)(j);return Object(d.jsx)(u.b,{dateAdapter:c.a,children:Object(d.jsx)(x,Object(a.a)(Object(a.a)({},n),{},{value:f,onChange:function onChange(t){S(t)},renderInput:function renderInput(t,e){return Object(d.jsxs)(d.Fragment,{children:[Object(d.jsx)(s.a,Object(a.a)({},t)),Object(d.jsx)(l.a,{sx:{mx:2},children:" to "}),Object(d.jsx)(s.a,Object(a.a)({},e))]})}}))})}DateRangePicker.defaultProps={attributes:{}}},224:function(t,e,r){"use strict";r.r(e),r.d(e,"default",(function(){return DateTimePicker}));var a=r(18),i=r(8),n=r(0),o=r.n(n),s=r(111),c=r(262),u=r(180),l=r(46),p=r(2);function DateTimePicker(t){var e=t.attributes,r=e.MuiAttributes,n=void 0===r?{}:r,d=e.name,m=void 0===d?"DateTimePicker":d,j=o.a.useState(new Date),y=Object(i.a)(j,2),b=y[0],f=y[1],S=Object(l.a)(m);return Object(p.jsx)(u.b,{dateAdapter:c.a,children:Object(p.jsx)(S,Object(a.a)(Object(a.a)({value:b,onChange:function onChange(t){f(t)}},n),{},{renderInput:function renderInput(t){return Object(p.jsx)(s.a,Object(a.a)({},t))}}))})}DateTimePicker.defaultProps={attributes:{}}},225:function(t,e,r){"use strict";r.r(e),r.d(e,"default",(function(){return TimePicker}));var a=r(18),i=r(8),n=r(0),o=r.n(n),s=r(111),c=r(262),u=r(180),l=r(46),p=r(2);function TimePicker(t){var e=t.attributes,r=e.MuiAttributes,n=void 0===r?{}:r,d=e.name,m=void 0===d?"TimePicker":d,j=o.a.useState(new Date),y=Object(i.a)(j,2),b=y[0],f=y[1],S=Object(l.a)(m);return Object(p.jsx)(u.b,{dateAdapter:c.a,children:Object(p.jsx)(S,Object(a.a)(Object(a.a)({value:b,onChange:function onChange(t){f(t)}},n),{},{renderInput:function renderInput(t){return Object(p.jsx)(s.a,Object(a.a)({},t))}}))})}TimePicker.defaultProps={attributes:{}}},226:function(t,e,r){"use strict";r.r(e),r.d(e,"default",(function(){return Select}));var a=r(18),i=r(8),n=r(0),o=r.n(n),s=r(263),c=r(111),u=r(1246),l=r(430),p=r.n(l),d=r(431),m=r.n(d),j=r(46),y=r(2),b=Object(y.jsx)(p.a,{fontSize:"small"}),f=Object(y.jsx)(m.a,{fontSize:"small"});function Select(t){var e=t.attributes,r=e.MuiAttributes,n=void 0===r?{}:r,l=e.options,p=void 0===l?[]:l,d=e.MuiBoxAttributes,m=void 0===d?{}:d,S=o.a.useState(),x=Object(i.a)(S,2),_=x[0],h=x[1],g=o.a.useState(""),v=Object(i.a)(g,2),k=v[0],C=v[1];return Object(y.jsx)(u.a,Object(a.a)(Object(a.a)({},function getMuiAttributes(){return n.multiple&&(n.renderOption=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=arguments.length>2?arguments[2]:void 0,i=r.selected;return Object(y.jsxs)("li",Object(a.a)(Object(a.a)({},t),{},{children:[Object(y.jsx)(s.a,{icon:b,checkedIcon:f,style:{marginRight:8},checked:i,sx:Object(j.b)(e.color||"")}),e.title||e.label||e.value]}))}),n}()),{},{disablePortal:!0,options:p,value:_,onChange:function onChange(t,e){h(e)},inputValue:k,onInputChange:function onInputChange(t,e){C(e)},renderInput:function renderInput(t){return Object(y.jsx)(c.a,Object(a.a)(Object(a.a)(Object(a.a)({},t),m),{},{inputProps:Object(a.a)(Object(a.a)({},t.inputProps),{},{autoComplete:"new-password"})}))}}))}Select.defaultProps={attributes:{}}},227:function(t,e,r){"use strict";r.r(e),r.d(e,"default",(function(){return Switch}));var a=r(8),i=r(18),n=r(433),o=r(0),s=r.n(o),c=r(324),u=r(322),l=r(9),p=r(19),d=r(2),m=Object(l.a)((function(t){t.color;var e=Object(n.a)(t,["color"]);return Object(d.jsx)(c.a,Object(i.a)({},e))}))((function(t){var e=t.theme;return{"& .MuiSwitch-switchBase.Mui-checked":{color:function color(t){return t.color||"green"},"&:hover":{backgroundColor:function backgroundColor(t){return Object(p.a)(t.color||"green",e.palette.action.hoverOpacity)}}},"& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track":{backgroundColor:function backgroundColor(t){return t.color||"green"}}}}));function Switch(t){var e=t.attributes,r=e.MuiAttributes,n=void 0===r?{}:r,o=e.MuiFCLAttributes,l=void 0===o?{}:o,p=e.color,j=void 0===p?"":p,y=s.a.useState(n.defaultChecked||!1),b=Object(a.a)(y,2),f=b[0],S=b[1],x=j?m:c.a;return Object(d.jsx)(u.a,Object(i.a)(Object(i.a)({},l),{},{control:Object(d.jsx)(x,Object(i.a)(Object(i.a)({checked:f,onChange:function handleChange(t){S(t.target.checked)}},n),{},{inputProps:{"aria-label":"controlled"}}))}))}Switch.defaultProps={attributes:{}}},228:function(t,e,r){"use strict";r.r(e),r.d(e,"default",(function(){return textfield_TextField}));var a=r(18),i=r(8),n=r(0),o=r.n(n),s=r(239),c=r.n(s),u=r(111),l=r(46),p=r(30),d=r.n(p),m={email:function email(t,e){return d.a.isEmail(t,e)},equals:function equals(t,e){return d.a.equals(t,e)},mandatory:function mandatory(t){return!d.a.isEmpty(t)},mandatoryselect:function mandatoryselect(t){return t.length>0},mobile:function mobile(t,e){return d.a.isMobilePhone(t,e)},lowercase:function lowercase(t){return d.a.isLowercase(t)},uppercase:function uppercase(t){return d.a.isUppercase(t)},length:function length(t,e){return d.a.isLength(t,e)},url:function url(t,e){return d.a.isURL(t,e)},creditcard:function creditcard(t){return d.a.isCreditCard(t)},currency:function currency(t,e){return d.a.isCurrency(t,e)},date:function date(t){return d.a.isDate(t)},boolean:function boolean(t){return d.a.isBoolean(t)},alphanumeric:function alphanumeric(t,e){d.a.isAlphanumeric(t,e)},contains:function contains(t,e){return d.a.contains(t,e)},FQDN:function FQDN(t,e){return d.a.isFQDN(t,e)},float:function float(t,e){return d.a.isFloat(t,e)},ip:function ip(t,e){return d.a.isIP(t,e)},ISBN:function ISBN(t,e){return d.a.isISBN(t,e)},MACAddress:function MACAddress(t){return d.a.isMACAddress(t)},MD5:function MD5(t){return d.a.isMD5(t)},numeric:function numeric(t){return d.a.isNumeric(t)},UUID:function UUID(t,e){return d.a.isUUID(t,e)},matches:function matches(t,e){return d.a.matches(t,e)},int:function int(t,e){return d.a.isInt(t,e)},hexcolor:function hexcolor(t){return d.a.isHexColor(t)},dataURI:function dataURI(t){return d.a.isDataURI(t)},decimal:function decimal(t){return d.a.isDecimal(t)},alpha:function alpha(t,e){return d.a.isAlpha(t,e)},negative:function negative(t){return c()(t).value()>-1}},j=r(2);function textfield_TextField(t){var e=t.attributes,r=t.rules,n=void 0===r?{}:r,s=e.MuiAttributes,p=void 0===s?{}:s,d=e.InputProps,y=void 0===d?{}:d,b=e.format,f=void 0===b?"":b,S=o.a.useState({value:e.value||"",helperText:p.helperText||"",error:!1}),x=Object(i.a)(S,2),_=x[0],h=x[1],g=function getValue(t){return f?c()(t).format(f):t},v=function validate(t){var e=n.validation;if(e)for(var r=0;r<e.length;r+=1){var a=e[r];if(!m[a.rule](t,a.value))return{isValid:!1,message:a.message}}return{isValid:!0,message:""}};return Object(j.jsx)(u.a,Object(a.a)(Object(a.a)({fullWidth:!0},p),{},{InputProps:Object(l.e)(y),onChange:function handleOnChange(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];var a=e[0].target.value,i=v(a);h({value:a,helperText:i.message,error:!i.isValid})},onBlur:function handleOnBlur(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];var a=e[0].target.value,i=g(a),n=v(i);h({value:i,helperText:n.message,error:!n.isValid})},onFocus:function handleOnFocus(){},value:_.value,error:_.error,helperText:_.helperText}))}textfield_TextField.defaultProps={attributes:{},rules:{}}},46:function(t,e,r){"use strict";r.d(e,"d",(function(){return generateLayout})),r.d(e,"e",(function(){return getInputProps})),r.d(e,"c",(function(){return k})),r.d(e,"f",(function(){return C})),r.d(e,"a",(function(){return P})),r.d(e,"b",(function(){return O}));var a=r(5),i=r(18),n=r(110),o=r(109),s=r.n(o),c=r(447),u=r(1251),l=r(437),p=r(440),d=r(1252),m=r(1237),j=r(1238),y=r(1239),b=r(443),f=r(442),S=r(1240),x=r(445),_=r(444),h=r(1241),g=r(2),v={};function generateLayout(t){var e={wrows:[],worows:[]},r=Object(n.clone)(t);e.worows=Object(n.remove)(r,(function(t){return void 0===(t.layout?t.layout.row:t.layout)}));var a=Object(n.map)(r,"layout.row"),i=Object(n.uniq)(a),o=Object(n.sortBy)(i);return Object(n.each)(o,(function(t){var a=[];Object(n.each)(r,(function(e){e.layout&&e.layout.row===t&&a.push(e)})),e.wrows.push(a)})),e}function getInputProps(t){if(!s()(t)){var e=t.MuiInputAdornment,r=void 0===e?{}:e,n=t.position,o=void 0===n?"start":n,l=t.icon,p=t.text,d=t.textstyle,m=void 0===d?{}:d;return Object(a.a)({},"".concat(o,"Adornment"),Object(g.jsxs)(c.a,Object(i.a)(Object(i.a)({},r),{},{children:[l&&Object(g.jsx)(u.a,{children:l}),s()(m)?p||"":Object(g.jsx)("div",{style:m,children:p||""})]})))}return{}}var k=function generateKey(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=Math.random().toString(36).substr(2,9),a=(new Date).toLocaleTimeString("en").trim();return"".concat(t,"_").concat(e,"_").concat(r,"_").concat(a)},C=function updatePatchData(t,e,r){v[r]=e;var a=Object.assign([],t);return Object(n.map)(a,(function(t){var e=Object(i.a)({},t);return e.id&&v[r][t.id]&&(e.props.value=v[r][t.id]||""),e}))},P=function DateComponent(t){return"MobileDatePicker"===t?l.a:"DesktopDatePicker"===t?p.a:"DateRangePicker"===t?d.a:"MobileDateRangePicker"===t?m.a:"DesktopDateRangePicker"===t?j.a:"DateTimePicker"===t?y.a:"MobileDateTimePicker"===t?b.a:"DesktopDateTimePicker"===t?f.a:"TimePicker"===t?S.a:"MobileTimePicker"===t?x.a:"DesktopTimePicker"===t?_.a:h.a},O=function checkboxSX(t){return t?{color:t,"&.Mui-checked":{color:t}}:{}}},466:function(t,e,r){t.exports=r(1231)},648:function(t,e,r){var a={"./Binary_Property/ASCII.js":649,"./Binary_Property/ASCII_Hex_Digit.js":650,"./Binary_Property/Alphabetic.js":651,"./Binary_Property/Any.js":652,"./Binary_Property/Assigned.js":653,"./Binary_Property/Bidi_Control.js":654,"./Binary_Property/Bidi_Mirrored.js":655,"./Binary_Property/Case_Ignorable.js":656,"./Binary_Property/Cased.js":657,"./Binary_Property/Changes_When_Casefolded.js":658,"./Binary_Property/Changes_When_Casemapped.js":659,"./Binary_Property/Changes_When_Lowercased.js":660,"./Binary_Property/Changes_When_NFKC_Casefolded.js":661,"./Binary_Property/Changes_When_Titlecased.js":662,"./Binary_Property/Changes_When_Uppercased.js":663,"./Binary_Property/Dash.js":664,"./Binary_Property/Default_Ignorable_Code_Point.js":665,"./Binary_Property/Deprecated.js":666,"./Binary_Property/Diacritic.js":667,"./Binary_Property/Emoji.js":668,"./Binary_Property/Emoji_Component.js":669,"./Binary_Property/Emoji_Modifier.js":670,"./Binary_Property/Emoji_Modifier_Base.js":671,"./Binary_Property/Emoji_Presentation.js":672,"./Binary_Property/Extended_Pictographic.js":673,"./Binary_Property/Extender.js":674,"./Binary_Property/Grapheme_Base.js":675,"./Binary_Property/Grapheme_Extend.js":676,"./Binary_Property/Hex_Digit.js":677,"./Binary_Property/IDS_Binary_Operator.js":678,"./Binary_Property/IDS_Trinary_Operator.js":679,"./Binary_Property/ID_Continue.js":680,"./Binary_Property/ID_Start.js":681,"./Binary_Property/Ideographic.js":682,"./Binary_Property/Join_Control.js":683,"./Binary_Property/Logical_Order_Exception.js":684,"./Binary_Property/Lowercase.js":685,"./Binary_Property/Math.js":686,"./Binary_Property/Noncharacter_Code_Point.js":687,"./Binary_Property/Pattern_Syntax.js":688,"./Binary_Property/Pattern_White_Space.js":689,"./Binary_Property/Quotation_Mark.js":690,"./Binary_Property/Radical.js":691,"./Binary_Property/Regional_Indicator.js":692,"./Binary_Property/Sentence_Terminal.js":693,"./Binary_Property/Soft_Dotted.js":694,"./Binary_Property/Terminal_Punctuation.js":695,"./Binary_Property/Unified_Ideograph.js":696,"./Binary_Property/Uppercase.js":697,"./Binary_Property/Variation_Selector.js":698,"./Binary_Property/White_Space.js":699,"./Binary_Property/XID_Continue.js":700,"./Binary_Property/XID_Start.js":701,"./General_Category/Cased_Letter.js":702,"./General_Category/Close_Punctuation.js":703,"./General_Category/Connector_Punctuation.js":704,"./General_Category/Control.js":705,"./General_Category/Currency_Symbol.js":706,"./General_Category/Dash_Punctuation.js":707,"./General_Category/Decimal_Number.js":708,"./General_Category/Enclosing_Mark.js":709,"./General_Category/Final_Punctuation.js":710,"./General_Category/Format.js":711,"./General_Category/Initial_Punctuation.js":712,"./General_Category/Letter.js":713,"./General_Category/Letter_Number.js":714,"./General_Category/Line_Separator.js":715,"./General_Category/Lowercase_Letter.js":716,"./General_Category/Mark.js":717,"./General_Category/Math_Symbol.js":718,"./General_Category/Modifier_Letter.js":719,"./General_Category/Modifier_Symbol.js":720,"./General_Category/Nonspacing_Mark.js":721,"./General_Category/Number.js":722,"./General_Category/Open_Punctuation.js":723,"./General_Category/Other.js":724,"./General_Category/Other_Letter.js":725,"./General_Category/Other_Number.js":726,"./General_Category/Other_Punctuation.js":727,"./General_Category/Other_Symbol.js":728,"./General_Category/Paragraph_Separator.js":729,"./General_Category/Private_Use.js":730,"./General_Category/Punctuation.js":731,"./General_Category/Separator.js":732,"./General_Category/Space_Separator.js":733,"./General_Category/Spacing_Mark.js":734,"./General_Category/Surrogate.js":735,"./General_Category/Symbol.js":736,"./General_Category/Titlecase_Letter.js":737,"./General_Category/Unassigned.js":738,"./General_Category/Uppercase_Letter.js":739,"./Script/Adlam.js":740,"./Script/Ahom.js":741,"./Script/Anatolian_Hieroglyphs.js":742,"./Script/Arabic.js":743,"./Script/Armenian.js":744,"./Script/Avestan.js":745,"./Script/Balinese.js":746,"./Script/Bamum.js":747,"./Script/Bassa_Vah.js":748,"./Script/Batak.js":749,"./Script/Bengali.js":750,"./Script/Bhaiksuki.js":751,"./Script/Bopomofo.js":752,"./Script/Brahmi.js":753,"./Script/Braille.js":754,"./Script/Buginese.js":755,"./Script/Buhid.js":756,"./Script/Canadian_Aboriginal.js":757,"./Script/Carian.js":758,"./Script/Caucasian_Albanian.js":759,"./Script/Chakma.js":760,"./Script/Cham.js":761,"./Script/Cherokee.js":762,"./Script/Chorasmian.js":763,"./Script/Common.js":764,"./Script/Coptic.js":765,"./Script/Cuneiform.js":766,"./Script/Cypriot.js":767,"./Script/Cyrillic.js":768,"./Script/Deseret.js":769,"./Script/Devanagari.js":770,"./Script/Dives_Akuru.js":771,"./Script/Dogra.js":772,"./Script/Duployan.js":773,"./Script/Egyptian_Hieroglyphs.js":774,"./Script/Elbasan.js":775,"./Script/Elymaic.js":776,"./Script/Ethiopic.js":777,"./Script/Georgian.js":778,"./Script/Glagolitic.js":779,"./Script/Gothic.js":780,"./Script/Grantha.js":781,"./Script/Greek.js":782,"./Script/Gujarati.js":783,"./Script/Gunjala_Gondi.js":784,"./Script/Gurmukhi.js":785,"./Script/Han.js":786,"./Script/Hangul.js":787,"./Script/Hanifi_Rohingya.js":788,"./Script/Hanunoo.js":789,"./Script/Hatran.js":790,"./Script/Hebrew.js":791,"./Script/Hiragana.js":792,"./Script/Imperial_Aramaic.js":793,"./Script/Inherited.js":794,"./Script/Inscriptional_Pahlavi.js":795,"./Script/Inscriptional_Parthian.js":796,"./Script/Javanese.js":797,"./Script/Kaithi.js":798,"./Script/Kannada.js":799,"./Script/Katakana.js":800,"./Script/Kayah_Li.js":801,"./Script/Kharoshthi.js":802,"./Script/Khitan_Small_Script.js":803,"./Script/Khmer.js":804,"./Script/Khojki.js":805,"./Script/Khudawadi.js":806,"./Script/Lao.js":807,"./Script/Latin.js":808,"./Script/Lepcha.js":809,"./Script/Limbu.js":810,"./Script/Linear_A.js":811,"./Script/Linear_B.js":812,"./Script/Lisu.js":813,"./Script/Lycian.js":814,"./Script/Lydian.js":815,"./Script/Mahajani.js":816,"./Script/Makasar.js":817,"./Script/Malayalam.js":818,"./Script/Mandaic.js":819,"./Script/Manichaean.js":820,"./Script/Marchen.js":821,"./Script/Masaram_Gondi.js":822,"./Script/Medefaidrin.js":823,"./Script/Meetei_Mayek.js":824,"./Script/Mende_Kikakui.js":825,"./Script/Meroitic_Cursive.js":826,"./Script/Meroitic_Hieroglyphs.js":827,"./Script/Miao.js":828,"./Script/Modi.js":829,"./Script/Mongolian.js":830,"./Script/Mro.js":831,"./Script/Multani.js":832,"./Script/Myanmar.js":833,"./Script/Nabataean.js":834,"./Script/Nandinagari.js":835,"./Script/New_Tai_Lue.js":836,"./Script/Newa.js":837,"./Script/Nko.js":838,"./Script/Nushu.js":839,"./Script/Nyiakeng_Puachue_Hmong.js":840,"./Script/Ogham.js":841,"./Script/Ol_Chiki.js":842,"./Script/Old_Hungarian.js":843,"./Script/Old_Italic.js":844,"./Script/Old_North_Arabian.js":845,"./Script/Old_Permic.js":846,"./Script/Old_Persian.js":847,"./Script/Old_Sogdian.js":848,"./Script/Old_South_Arabian.js":849,"./Script/Old_Turkic.js":850,"./Script/Oriya.js":851,"./Script/Osage.js":852,"./Script/Osmanya.js":853,"./Script/Pahawh_Hmong.js":854,"./Script/Palmyrene.js":855,"./Script/Pau_Cin_Hau.js":856,"./Script/Phags_Pa.js":857,"./Script/Phoenician.js":858,"./Script/Psalter_Pahlavi.js":859,"./Script/Rejang.js":860,"./Script/Runic.js":861,"./Script/Samaritan.js":862,"./Script/Saurashtra.js":863,"./Script/Sharada.js":864,"./Script/Shavian.js":865,"./Script/Siddham.js":866,"./Script/SignWriting.js":867,"./Script/Sinhala.js":868,"./Script/Sogdian.js":869,"./Script/Sora_Sompeng.js":870,"./Script/Soyombo.js":871,"./Script/Sundanese.js":872,"./Script/Syloti_Nagri.js":873,"./Script/Syriac.js":874,"./Script/Tagalog.js":875,"./Script/Tagbanwa.js":876,"./Script/Tai_Le.js":877,"./Script/Tai_Tham.js":878,"./Script/Tai_Viet.js":879,"./Script/Takri.js":880,"./Script/Tamil.js":881,"./Script/Tangut.js":882,"./Script/Telugu.js":883,"./Script/Thaana.js":884,"./Script/Thai.js":885,"./Script/Tibetan.js":886,"./Script/Tifinagh.js":887,"./Script/Tirhuta.js":888,"./Script/Ugaritic.js":889,"./Script/Vai.js":890,"./Script/Wancho.js":891,"./Script/Warang_Citi.js":892,"./Script/Yezidi.js":893,"./Script/Yi.js":894,"./Script/Zanabazar_Square.js":895,"./Script_Extensions/Adlam.js":896,"./Script_Extensions/Ahom.js":897,"./Script_Extensions/Anatolian_Hieroglyphs.js":898,"./Script_Extensions/Arabic.js":899,"./Script_Extensions/Armenian.js":900,"./Script_Extensions/Avestan.js":901,"./Script_Extensions/Balinese.js":902,"./Script_Extensions/Bamum.js":903,"./Script_Extensions/Bassa_Vah.js":904,"./Script_Extensions/Batak.js":905,"./Script_Extensions/Bengali.js":906,"./Script_Extensions/Bhaiksuki.js":907,"./Script_Extensions/Bopomofo.js":908,"./Script_Extensions/Brahmi.js":909,"./Script_Extensions/Braille.js":910,"./Script_Extensions/Buginese.js":911,"./Script_Extensions/Buhid.js":912,"./Script_Extensions/Canadian_Aboriginal.js":913,"./Script_Extensions/Carian.js":914,"./Script_Extensions/Caucasian_Albanian.js":915,"./Script_Extensions/Chakma.js":916,"./Script_Extensions/Cham.js":917,"./Script_Extensions/Cherokee.js":918,"./Script_Extensions/Chorasmian.js":919,"./Script_Extensions/Common.js":920,"./Script_Extensions/Coptic.js":921,"./Script_Extensions/Cuneiform.js":922,"./Script_Extensions/Cypriot.js":923,"./Script_Extensions/Cyrillic.js":924,"./Script_Extensions/Deseret.js":925,"./Script_Extensions/Devanagari.js":926,"./Script_Extensions/Dives_Akuru.js":927,"./Script_Extensions/Dogra.js":928,"./Script_Extensions/Duployan.js":929,"./Script_Extensions/Egyptian_Hieroglyphs.js":930,"./Script_Extensions/Elbasan.js":931,"./Script_Extensions/Elymaic.js":932,"./Script_Extensions/Ethiopic.js":933,"./Script_Extensions/Georgian.js":934,"./Script_Extensions/Glagolitic.js":935,"./Script_Extensions/Gothic.js":936,"./Script_Extensions/Grantha.js":937,"./Script_Extensions/Greek.js":938,"./Script_Extensions/Gujarati.js":939,"./Script_Extensions/Gunjala_Gondi.js":940,"./Script_Extensions/Gurmukhi.js":941,"./Script_Extensions/Han.js":942,"./Script_Extensions/Hangul.js":943,"./Script_Extensions/Hanifi_Rohingya.js":944,"./Script_Extensions/Hanunoo.js":945,"./Script_Extensions/Hatran.js":946,"./Script_Extensions/Hebrew.js":947,"./Script_Extensions/Hiragana.js":948,"./Script_Extensions/Imperial_Aramaic.js":949,"./Script_Extensions/Inherited.js":950,"./Script_Extensions/Inscriptional_Pahlavi.js":951,"./Script_Extensions/Inscriptional_Parthian.js":952,"./Script_Extensions/Javanese.js":953,"./Script_Extensions/Kaithi.js":954,"./Script_Extensions/Kannada.js":955,"./Script_Extensions/Katakana.js":956,"./Script_Extensions/Kayah_Li.js":957,"./Script_Extensions/Kharoshthi.js":958,"./Script_Extensions/Khitan_Small_Script.js":959,"./Script_Extensions/Khmer.js":960,"./Script_Extensions/Khojki.js":961,"./Script_Extensions/Khudawadi.js":962,"./Script_Extensions/Lao.js":963,"./Script_Extensions/Latin.js":964,"./Script_Extensions/Lepcha.js":965,"./Script_Extensions/Limbu.js":966,"./Script_Extensions/Linear_A.js":967,"./Script_Extensions/Linear_B.js":968,"./Script_Extensions/Lisu.js":969,"./Script_Extensions/Lycian.js":970,"./Script_Extensions/Lydian.js":971,"./Script_Extensions/Mahajani.js":972,"./Script_Extensions/Makasar.js":973,"./Script_Extensions/Malayalam.js":974,"./Script_Extensions/Mandaic.js":975,"./Script_Extensions/Manichaean.js":976,"./Script_Extensions/Marchen.js":977,"./Script_Extensions/Masaram_Gondi.js":978,"./Script_Extensions/Medefaidrin.js":979,"./Script_Extensions/Meetei_Mayek.js":980,"./Script_Extensions/Mende_Kikakui.js":981,"./Script_Extensions/Meroitic_Cursive.js":982,"./Script_Extensions/Meroitic_Hieroglyphs.js":983,"./Script_Extensions/Miao.js":984,"./Script_Extensions/Modi.js":985,"./Script_Extensions/Mongolian.js":986,"./Script_Extensions/Mro.js":987,"./Script_Extensions/Multani.js":988,"./Script_Extensions/Myanmar.js":989,"./Script_Extensions/Nabataean.js":990,"./Script_Extensions/Nandinagari.js":991,"./Script_Extensions/New_Tai_Lue.js":992,"./Script_Extensions/Newa.js":993,"./Script_Extensions/Nko.js":994,"./Script_Extensions/Nushu.js":995,"./Script_Extensions/Nyiakeng_Puachue_Hmong.js":996,"./Script_Extensions/Ogham.js":997,"./Script_Extensions/Ol_Chiki.js":998,"./Script_Extensions/Old_Hungarian.js":999,"./Script_Extensions/Old_Italic.js":1e3,"./Script_Extensions/Old_North_Arabian.js":1001,"./Script_Extensions/Old_Permic.js":1002,"./Script_Extensions/Old_Persian.js":1003,"./Script_Extensions/Old_Sogdian.js":1004,"./Script_Extensions/Old_South_Arabian.js":1005,"./Script_Extensions/Old_Turkic.js":1006,"./Script_Extensions/Oriya.js":1007,"./Script_Extensions/Osage.js":1008,"./Script_Extensions/Osmanya.js":1009,"./Script_Extensions/Pahawh_Hmong.js":1010,"./Script_Extensions/Palmyrene.js":1011,"./Script_Extensions/Pau_Cin_Hau.js":1012,"./Script_Extensions/Phags_Pa.js":1013,"./Script_Extensions/Phoenician.js":1014,"./Script_Extensions/Psalter_Pahlavi.js":1015,"./Script_Extensions/Rejang.js":1016,"./Script_Extensions/Runic.js":1017,"./Script_Extensions/Samaritan.js":1018,"./Script_Extensions/Saurashtra.js":1019,"./Script_Extensions/Sharada.js":1020,"./Script_Extensions/Shavian.js":1021,"./Script_Extensions/Siddham.js":1022,"./Script_Extensions/SignWriting.js":1023,"./Script_Extensions/Sinhala.js":1024,"./Script_Extensions/Sogdian.js":1025,"./Script_Extensions/Sora_Sompeng.js":1026,"./Script_Extensions/Soyombo.js":1027,"./Script_Extensions/Sundanese.js":1028,"./Script_Extensions/Syloti_Nagri.js":1029,"./Script_Extensions/Syriac.js":1030,"./Script_Extensions/Tagalog.js":1031,"./Script_Extensions/Tagbanwa.js":1032,"./Script_Extensions/Tai_Le.js":1033,"./Script_Extensions/Tai_Tham.js":1034,"./Script_Extensions/Tai_Viet.js":1035,"./Script_Extensions/Takri.js":1036,"./Script_Extensions/Tamil.js":1037,"./Script_Extensions/Tangut.js":1038,"./Script_Extensions/Telugu.js":1039,"./Script_Extensions/Thaana.js":1040,"./Script_Extensions/Thai.js":1041,"./Script_Extensions/Tibetan.js":1042,"./Script_Extensions/Tifinagh.js":1043,"./Script_Extensions/Tirhuta.js":1044,"./Script_Extensions/Ugaritic.js":1045,"./Script_Extensions/Vai.js":1046,"./Script_Extensions/Wancho.js":1047,"./Script_Extensions/Warang_Citi.js":1048,"./Script_Extensions/Yezidi.js":1049,"./Script_Extensions/Yi.js":1050,"./Script_Extensions/Zanabazar_Square.js":1051,"./index.js":1052,"./unicode-version.js":1053};function webpackContext(t){var e=webpackContextResolve(t);return r(e)}function webpackContextResolve(t){if(!r.o(a,t)){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}return a[t]}webpackContext.keys=function webpackContextKeys(){return Object.keys(a)},webpackContext.resolve=webpackContextResolve,t.exports=webpackContext,webpackContext.id=648},92:function(t,e,r){"use strict";r.r(e),r.d(e,"FormGenerator",(function(){return _}));var a=r(18),i=(r(0),r(1318)),n={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"}},o=r(219),s=r(228),c=r(221),u=r(222),l=r(223),p=r(224),d=r(225),m=r(226),j=r(218),y=r(227),b={Typography:o.default,TextField:s.default,Table:c.default,DateTime:u.default,DateRangePicker:l.default,DateTimePicker:p.default,TimePicker:d.default,Select:m.default,CheckBox:j.default,Switch:y.default},f=r(2);function DynamicComponent(t){var e=t.map,r=b[e];return Object(f.jsx)(r,Object(a.a)({},t))}var S=r(46),x={MUI:{map:n}},_=function FormGenerator(t){try{var e=t.data,r=void 0===e?[]:e,n=t.patch,o=void 0===n?{}:n,s=t.guid,c=x.MUI,u=JSON.parse(JSON.stringify(r)),l=Object(S.d)(Object(S.f)(JSON.parse(JSON.stringify(u)),o,s));return Object(f.jsxs)(f.Fragment,{children:[Object(f.jsx)(i.a,{container:!0,spacing:2,children:l.wrows.map((function(t){return Object(f.jsx)(f.Fragment,{children:t.map((function(t,e){var r=t.type,n=void 0===r?"":r,o=t.style,s=void 0===o?{}:o,u=t.className,l=void 0===u?"":u,p=t.visible,d=void 0!==p&&p,m=t.rules,j=void 0===m?{}:m,y=t.props||{},b=t.layout||{},x=c.map[n]||{},_=x.options,h=void 0===_?{}:_;return Object(f.jsx)(i.a,Object(a.a)(Object(a.a)({item:!0,style:s},b),{},{className:"".concat(l," ").concat(!1===d?"hidden":"show"),children:Object(f.jsx)(DynamicComponent,{map:x.map,option:h.type||"",control:t,attributes:y,rules:j})}),Object(S.c)("layout-comp",e))}))})}))},Object(S.c)("layout-grid")),l.worows.map((function(t,e){var r=t.type,a=void 0===r?"":r,i=t.style,n=void 0===i?{}:i,o=t.className,s=void 0===o?"":o,u=t.visible,l=void 0!==u&&u,p=t.rules,d=void 0===p?{}:p,m=c.map[a]||{},j=t.props,y=m.options,b=void 0===y?{}:y;return Object(f.jsx)("div",{style:n,className:"".concat(s," ").concat(!1===l?"hidden":"show"),children:Object(f.jsx)(DynamicComponent,{map:m.map,option:b.type||"",control:t,attributes:j,rules:d})},Object(S.c)("layout-comp",e))}))]})}catch(t){return Object(f.jsx)("div",{children:"Error"})}};_.defaultProps={patch:{}};e.default={FormGenerator:_}}},[[466,1,2]]]);
|
|
File without changes
|