dynamic-material-ui
Version:
Material UI based dynamic form component for React using JSON-Schema
1 lines • 22.6 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{197:function(e,t,a){"use strict";function l(e){return(l="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 n=f(a(0)),r=a(107);a(223);var u=f(a(217)),o=f(a(218)),c=f(a(219)),s=f(a(220)),i=f(a(216)),d=f(a(211));function f(e){return e&&e.__esModule?e:{default:e}}function m(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function h(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 a,l=E(e);if(t){var n=E(this).constructor;a=Reflect.construct(l,arguments,n)}else a=l.apply(this,arguments);return g(this,a)}}function g(e,t){return!t||"object"!==l(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function E(e){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var y=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&&p(e,t)}(g,e);var t,a,l,f=h(g);function g(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,g),f.call(this,e)}return t=g,(a=[{key:"onUpdate",value:function(){}},{key:"render",value:function(){return n.default.createElement(r.Page,null,n.default.createElement("p",null,"List of validation rules available"),n.default.createElement("hr",null),n.default.createElement(d.default,{style:{width:"100%"}},n.default.createElement(u.default,null,n.default.createElement(c.default,null,n.default.createElement(s.default,null,n.default.createElement(i.default,null,"Rule"),n.default.createElement(i.default,null,"JSON Input"),n.default.createElement(i.default,null,"Description"))),n.default.createElement(o.default,null,n.default.createElement(s.default,null,n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"mandatory"),n.default.createElement(i.default,null,"{\n rule: 'mandatory',\n message: 'error message'\n }"),n.default.createElement(i.default,null,"check if the field is empty")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"email"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'email',\n message: 'error message'\n }"),n.default.createElement(i.default,null,"check if the string is an email")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"equals"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'equals',\n message: 'error message',\n value: 'comparsion value'\n }"),n.default.createElement(i.default,null,"check if the string matches the comparison")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"mobile"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'mobile',\n message: 'error message',\n value: 'locale'\n }"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"check if the string is a mobile phone number, (locale is one of ['ar-DZ', 'ar-SA', 'ar-SY', 'cs-CZ', 'de-DE', 'da-DK', 'el-GR', 'en-AU', 'en-GB', 'en-HK', 'en-IN', 'en-NZ', 'en-US', 'en-CA', 'en-ZA', 'en-ZM', 'es-ES', 'fi-FI', 'fr-FR', 'hu-HU', 'it-IT', 'ja-JP', 'ms-MY', 'nb-NO', 'nn-NO', 'pl-PL', 'pt-PT', 'ru-RU', 'sr-RS', 'tr-TR', 'vi-VN', 'zh-CN', 'zh-TW'])")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"lowercase"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'lowercase',\n message: 'error message'\n }"),n.default.createElement(i.default,null,"check if the string is lowercase")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"uppercase"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'uppercase',\n message: 'error message'\n }"),n.default.createElement(i.default,null,"check if the string is uppercase")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"length"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'length',\n message: 'error message',\n value: {min: 4, max: 10}\n }"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"check if the string's length falls in a range. options is an object which defaults to {min:0, max: undefined}")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"url"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'url',\n message: 'error message',\n value: 'options'\n }"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"check if the string is an URL. options is an object which defaults to { protocols: ['http','https','ftp'], require_tld: true, require_protocol: false, require_host: true, require_valid_protocol: true, allow_underscores: false, host_whitelist: false, host_blacklist: false, allow_trailing_dot: false, allow_protocol_relative_urls: false }")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"creditcard"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'creditcard',\n message: 'error message'\n }"),n.default.createElement(i.default,null,"check if the string is a credit card")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"currency"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'currency',\n message: 'error message',\n value: 'options'\n }"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"check if the string is a valid currency amount. options is an object which defaults to {symbol: '$', require_symbol: false, allow_space_after_symbol: false, symbol_after_digits: false, allow_negatives: true, parens_for_negatives: false, negative_sign_before_digits: false, negative_sign_after_digits: false, allow_negative_sign_placeholder: false, thousands_separator: ',', decimal_separator: '.', allow_space_after_digits: false }")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"date"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'date',\n message: 'error message'\n }"),n.default.createElement(i.default,null,"check if the string is a date")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"boolean"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'boolean',\n message: 'error message'\n }"),n.default.createElement(i.default,null,"check if a string is a boolean")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"alphanumeric"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'alphanumeric',\n message: 'error message',\n value: 'locale'\n }"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"check if the string contains only letters and numbers. Locale is one of ['ar', 'ar-AE', 'ar-BH', 'ar-DZ', 'ar-EG', 'ar-IQ', 'ar-JO', 'ar-KW', 'ar-LB', 'ar-LY', 'ar-MA', 'ar-QA', 'ar-QM', 'ar-SA', 'ar-SD', 'ar-SY', 'ar-TN', 'ar-YE', 'cs-CZ', 'da-DK', 'de-DE', 'en-AU', 'en-GB', 'en-HK', 'en-IN', 'en-NZ', 'en-US', 'en-ZA', 'en-ZM', 'es-ES', 'fr-FR', 'fr-BE', 'hu-HU', 'nl-BE', 'nl-NL', 'pl-PL', 'pt-BR', 'pt-PT', 'ru-RU', 'sr-RS', 'sr-RS@latin', 'tr-TR', 'uk-UA']) and defaults to en-US")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"contains"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'contains',\n message: 'error message',\n value: 'seed'\n }"),n.default.createElement(i.default,null,"check if the string contains the seed")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"FQDN"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'FQDN',\n message: 'error message',\n value: 'options'\n }"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"check if the string is a fully qualified domain name (e.g. domain.com). options is an object which defaults to { require_tld: true, allow_underscores: false, allow_trailing_dot: false }")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"float"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'float',\n message: 'error message',\n value: 'options'\n }"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"check if the string is a float. options is an object which can contain the keys min, max, gt, and/or lt to validate the float is within boundaries (e.g. { min: 7.22, max: 9.55 }). min and max are equivalent to 'greater or equal' and 'less or equal', respectively while gt and lt are their strict counterparts.")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"ip"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'ip',\n message: 'error message',\n value: 'version'\n }"),n.default.createElement(i.default,null,"check if the string is an IP (version 4 or 6)")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"MACAddress"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'MACAddress',\n message: 'error message'\n }"),n.default.createElement(i.default,null,"check if the string is a MAC address.")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"MD5"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'MD5',\n message: 'error message'\n }"),n.default.createElement(i.default,null,"check if the string is a MD5 hash.")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"numeric"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'numeric',\n message: 'error message'\n }"),n.default.createElement(i.default,null,"check if the string contains only numbers")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"negative"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'negative',\n message: 'error message'\n }"),n.default.createElement(i.default,null,"check if the string is a negative number")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"UUID"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'UUID',\n message: 'error message',\n value: 'version'\n }"),n.default.createElement(i.default,null,"check if the string is a UUID (version 3, 4 or 5)")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"matches"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'matches',\n message: 'error message',\n value: 'pattern'\n }"),n.default.createElement(i.default,null,"check if string matches the pattern (eg. /foo/i)")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"int"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'int',\n message: 'error message',\n value: 'options'\n }"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"check if the string is an integer. options is an object which can contain the keys min and/or max to check the integer is within boundaries (e.g. { min: 10, max: 99 }). options can also contain the key allow_leading_zeroes, which when set to false will disallow integer values with leading zeroes (e.g. { allow_leading_zeroes: false }). Finally, options can contain the keys gt and/or lt which will enforce integers being greater than or less than, respectively, the value provided (e.g. {gt: 1, lt: 4} for a number between 1 and 4)")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"hexcolor"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'hexcolor',\n message: 'error message'\n }"),n.default.createElement(i.default,null,"check if the string is a hexadecimal color")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"dataURI"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'dataURI',\n message: 'error message'\n }"),n.default.createElement(i.default,null,"check if the string is a data uri format.")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"decimal"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'decimal',\n message: 'error message'\n }"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"check if the string represents a decimal number, such as 0.1, .3, 1.1, 1.00003, 4.0, etc.")),n.default.createElement(s.default,null,n.default.createElement(i.default,null,"alpha"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"{\n rule: 'alpha',\n message: 'error message',\n value: 'locale'\n }"),n.default.createElement(i.default,{style:{whiteSpace:"normal"}},"check if the string contains only letters (a-zA-Z). Locale is one of ['ar', 'ar-AE', 'ar-BH', 'ar-DZ', 'ar-EG', 'ar-IQ', 'ar-JO', 'ar-KW', 'ar-LB', 'ar-LY', 'ar-MA', 'ar-QA', 'ar-QM', 'ar-SA', 'ar-SD', 'ar-SY', 'ar-TN', 'ar-YE', 'cs-CZ', 'da-DK', 'de-DE', 'en-AU', 'en-GB', 'en-HK', 'en-IN', 'en-NZ', 'en-US', 'en-ZA', 'en-ZM', 'es-ES', 'fr-FR', 'hu-HU', 'nl-NL', 'pl-PL', 'pt-BR', 'pt-PT', 'ru-RU', 'sr-RS', 'sr-RS@latin', 'tr-TR', 'uk-UA']) and defaults to en-US."))))))}}])&&m(t.prototype,a),l&&m(t,l),g}(n.default.Component);t.default=y},210:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var l=a(179);function n(e){if("string"!=typeof e)throw new Error(Object(l.a)(7));return e.charAt(0).toUpperCase()+e.slice(1)}},211:function(e,t,a){"use strict";a.r(t);var l=a(286);a.d(t,"default",(function(){return l.a}))},216:function(e,t,a){"use strict";a.r(t);var l=a(292);a.d(t,"default",(function(){return l.a}))},217:function(e,t,a){"use strict";a.r(t);var l=a(289);a.d(t,"default",(function(){return l.a}))},218:function(e,t,a){"use strict";a.r(t);var l=a(291);a.d(t,"default",(function(){return l.a}))},219:function(e,t,a){"use strict";a.r(t);var l=a(293);a.d(t,"default",(function(){return l.a}))},220:function(e,t,a){"use strict";a.r(t);var l=a(294);a.d(t,"default",(function(){return l.a}))},223:function(e,t,a){},236:function(e,t,a){"use strict";var l=a(0),n=l.createContext();t.a=n},286:function(e,t,a){"use strict";var l=a(4),n=a(2),r=a(0),u=(a(1),a(59)),o=a(77),c=r.forwardRef((function(e,t){var a=e.classes,o=e.className,c=e.component,s=void 0===c?"div":c,i=e.square,d=void 0!==i&&i,f=e.elevation,m=void 0===f?1:f,p=e.variant,h=void 0===p?"elevation":p,g=Object(l.a)(e,["classes","className","component","square","elevation","variant"]);return r.createElement(s,Object(n.a)({className:Object(u.a)(a.root,o,"outlined"===h?a.outlined:a["elevation".concat(m)],!d&&a.rounded),ref:t},g))}));t.a=Object(o.a)((function(e){var t={};return e.shadows.forEach((function(e,a){t["elevation".concat(a)]={boxShadow:e}})),Object(n.a)({root:{backgroundColor:e.palette.background.paper,color:e.palette.text.primary,transition:e.transitions.create("box-shadow")},rounded:{borderRadius:e.shape.borderRadius},outlined:{border:"1px solid ".concat(e.palette.divider)}},t)}),{name:"MuiPaper"})(c)},289:function(e,t,a){"use strict";var l=a(4),n=a(2),r=a(0),u=(a(1),a(59)),o=a(77),c=a(290),s=r.forwardRef((function(e,t){var a=e.classes,o=e.className,s=e.component,i=void 0===s?"table":s,d=e.padding,f=void 0===d?"default":d,m=e.size,p=void 0===m?"medium":m,h=e.stickyHeader,g=void 0!==h&&h,E=Object(l.a)(e,["classes","className","component","padding","size","stickyHeader"]),y=r.useMemo((function(){return{padding:f,size:p,stickyHeader:g}}),[f,p,g]);return r.createElement(c.a.Provider,{value:y},r.createElement(i,Object(n.a)({role:"table"===i?null:"table",ref:t,className:Object(u.a)(a.root,o,g&&a.stickyHeader)},E)))}));t.a=Object(o.a)((function(e){return{root:{display:"table",width:"100%",borderCollapse:"collapse",borderSpacing:0,"& caption":Object(n.a)({},e.typography.body2,{padding:e.spacing(2),color:e.palette.text.secondary,textAlign:"left",captionSide:"bottom"})},stickyHeader:{borderCollapse:"separate"}}}),{name:"MuiTable"})(s)},290:function(e,t,a){"use strict";var l=a(0),n=l.createContext();t.a=n},291:function(e,t,a){"use strict";var l=a(2),n=a(4),r=a(0),u=(a(1),a(59)),o=a(77),c=a(236),s={variant:"body"},i=r.forwardRef((function(e,t){var a=e.classes,o=e.className,i=e.component,d=void 0===i?"tbody":i,f=Object(n.a)(e,["classes","className","component"]);return r.createElement(c.a.Provider,{value:s},r.createElement(d,Object(l.a)({className:Object(u.a)(a.root,o),ref:t,role:"tbody"===d?null:"rowgroup"},f)))}));t.a=Object(o.a)({root:{display:"table-row-group"}},{name:"MuiTableBody"})(i)},292:function(e,t,a){"use strict";var l=a(4),n=a(2),r=a(0),u=(a(1),a(59)),o=a(77),c=a(210),s=a(20),i=a(290),d=a(236),f=r.forwardRef((function(e,t){var a,o,s=e.align,f=void 0===s?"inherit":s,m=e.classes,p=e.className,h=e.component,g=e.padding,E=e.scope,y=e.size,b=e.sortDirection,v=e.variant,w=Object(l.a)(e,["align","classes","className","component","padding","scope","size","sortDirection","variant"]),S=r.useContext(i.a),k=r.useContext(d.a),_=k&&"head"===k.variant;h?(o=h,a=_?"columnheader":"cell"):o=_?"th":"td";var O=E;!O&&_&&(O="col");var j=g||(S&&S.padding?S.padding:"default"),x=y||(S&&S.size?S.size:"medium"),R=v||k&&k.variant,N=null;return b&&(N="asc"===b?"ascending":"descending"),r.createElement(o,Object(n.a)({ref:t,className:Object(u.a)(m.root,m[R],p,"inherit"!==f&&m["align".concat(Object(c.a)(f))],"default"!==j&&m["padding".concat(Object(c.a)(j))],"medium"!==x&&m["size".concat(Object(c.a)(x))],"head"===R&&S&&S.stickyHeader&&m.stickyHeader),"aria-sort":N,role:a,scope:O},w))}));t.a=Object(o.a)((function(e){return{root:Object(n.a)({},e.typography.body2,{display:"table-cell",verticalAlign:"inherit",borderBottom:"1px solid\n ".concat("light"===e.palette.type?Object(s.i)(Object(s.d)(e.palette.divider,1),.88):Object(s.a)(Object(s.d)(e.palette.divider,1),.68)),textAlign:"left",padding:16}),head:{color:e.palette.text.primary,lineHeight:e.typography.pxToRem(24),fontWeight:e.typography.fontWeightMedium},body:{color:e.palette.text.primary},footer:{color:e.palette.text.secondary,lineHeight:e.typography.pxToRem(21),fontSize:e.typography.pxToRem(12)},sizeSmall:{padding:"6px 24px 6px 16px","&:last-child":{paddingRight:16},"&$paddingCheckbox":{width:24,padding:"0 12px 0 16px","&:last-child":{paddingLeft:12,paddingRight:16},"& > *":{padding:0}}},paddingCheckbox:{width:48,padding:"0 0 0 4px","&:last-child":{paddingLeft:0,paddingRight:4}},paddingNone:{padding:0,"&:last-child":{padding:0}},alignLeft:{textAlign:"left"},alignCenter:{textAlign:"center"},alignRight:{textAlign:"right",flexDirection:"row-reverse"},alignJustify:{textAlign:"justify"},stickyHeader:{position:"sticky",top:0,left:0,zIndex:2,backgroundColor:e.palette.background.default}}}),{name:"MuiTableCell"})(f)},293:function(e,t,a){"use strict";var l=a(2),n=a(4),r=a(0),u=(a(1),a(59)),o=a(77),c=a(236),s={variant:"head"},i=r.forwardRef((function(e,t){var a=e.classes,o=e.className,i=e.component,d=void 0===i?"thead":i,f=Object(n.a)(e,["classes","className","component"]);return r.createElement(c.a.Provider,{value:s},r.createElement(d,Object(l.a)({className:Object(u.a)(a.root,o),ref:t,role:"thead"===d?null:"rowgroup"},f)))}));t.a=Object(o.a)({root:{display:"table-header-group"}},{name:"MuiTableHead"})(i)},294:function(e,t,a){"use strict";var l=a(2),n=a(4),r=a(0),u=(a(1),a(59)),o=a(77),c=a(236),s=a(20),i=r.forwardRef((function(e,t){var a=e.classes,o=e.className,s=e.component,i=void 0===s?"tr":s,d=e.hover,f=void 0!==d&&d,m=e.selected,p=void 0!==m&&m,h=Object(n.a)(e,["classes","className","component","hover","selected"]),g=r.useContext(c.a);return r.createElement(i,Object(l.a)({ref:t,className:Object(u.a)(a.root,o,g&&{head:a.head,footer:a.footer}[g.variant],f&&a.hover,p&&a.selected),role:"tr"===i?null:"row"},h))}));t.a=Object(o.a)((function(e){return{root:{color:"inherit",display:"table-row",verticalAlign:"middle",outline:0,"&$hover:hover":{backgroundColor:e.palette.action.hover},"&$selected, &$selected:hover":{backgroundColor:Object(s.d)(e.palette.secondary.main,e.palette.action.selectedOpacity)}},selected:{},hover:{},head:{},footer:{}}}),{name:"MuiTableRow"})(i)}}]);