dynamic-material-ui
Version:
Material UI based dynamic form component for React using JSON-Schema
1 lines • 5.13 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{1178:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=[{id:"shows_1",type:"checkbox",props:{id:"got",label:"Game Of Thrones",defaultChecked:!1,style:{marginTop:0}}},{id:"vikings",type:"checkbox",props:{id:"vikings",label:"Vikings",defaultChecked:!0,style:{marginTop:0}}},{id:"shows_3",type:"checkbox",props:{id:"bbt",label:"Big Bang Theory",defaultChecked:!0,disabled:!0,style:{marginTop:0}}},{id:"shows_4",type:"checkbox",props:{id:"friends",label:"Friends",defaultChecked:!1,disabled:!0,style:{marginTop:0}}}];t.default=r},190:function(e,t,n){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=v(n(0)),o=(v(n(1)),n(107)),l=v(n(232)),u=v(n(234));n(223);var i=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var t=h();if(t&&t.has(e))return t.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var l=a?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(n,o,l):n[o]=e[o]}n.default=e,t&&t.set(e,n);return n}(n(230)),c=v(n(217)),f=v(n(218)),d=v(n(219)),s=v(n(220)),p=v(n(216)),m=v(n(211)),y=n(227),b=v(n(1178));function h(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return h=function(){return e},e}function v(e){return e&&e.__esModule?e:{default:e}}function g(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function w(e,t){return(w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function O(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=_(e);if(t){var a=_(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return k(this,n)}}function k(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?E(e):t}function E(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _(e){return(_=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var j=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&w(e,t)}(v,e);var t,n,r,h=O(v);function v(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,v),(t=h.call(this,e)).state={},v.onUpdate=v.onUpdate.bind(E(t)),t}return t=v,r=[{key:"onUpdate",value:function(){}}],(n=[{key:"render",value:function(){var e=this.props.classes;return a.default.createElement(o.Page,null,a.default.createElement("p",null,"A checkbox is used to verify which options you want selected from a group."),a.default.createElement("hr",null),a.default.createElement("div",{className:"full-width codedemo row"},a.default.createElement("div",{className:"col-md-24"},a.default.createElement(y.FormGenerator,{guid:"checkbox",data:b.default,library:i,onCheck:v.onUpdate,patch:{vikings:!1}}))),a.default.createElement(m.default,{className:e.root},a.default.createElement(c.default,{className:e.table},a.default.createElement(d.default,null,a.default.createElement(s.default,null,a.default.createElement(p.default,null,"Source Code"),a.default.createElement(p.default,null,"JSON Schema"))),a.default.createElement(f.default,null,a.default.createElement(s.default,null,a.default.createElement(p.default,null,a.default.createElement("div",{className:"syntax"},a.default.createElement(u.default,{className:"javascript"},"\nimport { FormGenerator } from 'dynamic-material-ui';\nimport * as MUI from '@material-ui/core';\n// Refer JSON data on the right side column\nimport JSONData from 'src/path';\n\nclass Checkbox extends React.Component {\n render() {\n return (\n <div>\n <FormGenerator\n guid=\"checkbox\"\n data={JSONData}\n library={MUI}\n />\n </div>\n )\n }\n}\n "))),a.default.createElement(p.default,null,a.default.createElement(l.default,{data:b.default})))))))}}])&&g(t.prototype,n),r&&g(t,r),v}(a.default.Component);j.propTypes={};var x=i.withStyles((function(e){return{root:{width:"100%",marginTop:e.spacing(3),overflowX:"auto"},table:{minWidth:700},container:{display:"flex",flexWrap:"wrap",width:"100%"},textField:{marginLeft:e.spacing(1),marginRight:e.spacing(1),width:200},dense:{marginTop:19},menu:{width:200}}}))(j);t.default=x}}]);