react-json-schema-form
Version:
Fully customizable Fastest rendering JS/ Json Schema driven React Forms that support validations, POST , Success and Error Alerts , callbacks , React Components (Input, Switch, Checkbox, Radio) renders device o.s theme (iOS,Android and Windows) by default
1 lines • 8 kB
Source Map (JSON)
{"version":3,"sources":["index.css"],"names":[],"mappings":"yFAEA,kBACE,UAAa,CAEf,WACE,8BACA,yBACA,qBAAuB,CAEzB,aACE,kBAAqB,CAEvB,WACE,+BAAkC,CAEpC,4BAEE,qBACA,kCAAqC,CAEvC,gBACE,iBAAmB,CAGrB,sCAEE,uBAA0B,CAG5B,kBACE,yCACA,oCACA,gCAAmC,CAErC,wBACE,oBAAuB,CAEzB,gCAEE,qBACA,kCAAqC,CAEvC,gCAEE,qBACA,+BAAkC,CAGpC,8CAEE,8BAAiC,CAEnC,UACE,YACA,aAAe,CAKjB,qBAJE,YACA,6BACA,UAAY,CAOb,WAJC,aAAe,CAKjB,mBAEE,YACA,qBACA,UACA,iBACA,sBACA,gBACA,qBACA,cACA,yBACA,kBACA,eACA,kBAAoB,CAEtB,cACE,4EACQ,mEAA8E,CAExF,mBAEE,2BACA,yBACA,sBACA,qBACA,gBAAkB,CAEpB,kDAGE,mBACA,UAAa,CAEf,2BAEE,mBAAqB,CAEvB,iDAEE,wBACQ,eAAiB,CAE3B,iBACE,qBACA,+BAAkC,CAEpC,kDAEE,cACA,aACA,kCACA,6BACA,yBAA4B,CAG9B,aACE,WACA,WACA,mBACA,iBAAmB,CAGrB,mBACE,WACA,kBACA,MACA,OACA,iCACA,4BACA,yBACA,mBAAqB,CAGvB,kBACE,UAAY,CAGd,aACE,YACA,cACA,YACA,6BACA,UAAY,CAGd,kBACE,cACA,QACA,WACA,kBACA,SACA,OACA,kCACA,6BACA,yBAA4B,CAG9B,mBACE,YAAc,CAGhB,wBACE,WACA,iCACA,4BACA,wBAA4B,CAG9B,QACE,kBACA,qBACA,WACA,WAAa,CAGf,cACE,YAAc,CAGhB,YAEE,eACA,MACA,OACA,QACA,SACA,qBAAuB,CAMzB,+BAZE,kBAOA,uBACA,kBACA,cAAgB,CAcjB,mBATC,WACA,YACA,WACA,SACA,WACA,qBAAwB,CAM1B,mBACE,wBAA0B,CAG5B,iBACE,mCACQ,0BAA4B,CAGtC,iCACE,mCACA,+BACA,0BAA4B,CAG9B,gBACE,kBAAoB,CAGtB,uBACE,iBAAmB,CAGrB,mBACE,wBAA0B,CAG5B,iBACE,mCACQ,0BAA4B,CAGtC,oBACE,gCACA,2BACA,wBACA,gBACA,sBACA,iBAAmB,CAGrB,0BACE,qBAAuB,CAEzB,2BACE,kBACA,YACA,WACA,qBAAuB,CAGzB,uBACE,wBAA0B,CAG5B,yCACE,wBAA0B,CAE5B,WACE,2BACA,mBAAqB,CAEvB,gBACE,WACA,aAAe,CAEjB,kBACE,WACA,eACA,iBAAmB,CAErB,qBAEE,iBACA,cACA,kBACA,eACA,kBAAoB,CAGtB,sBACE,kBACA,SAAW,CAGb,8BACE,yBACA,aAAe,CAEjB,QACE,2BAA8B,CAGhC,OACE,qBACA,UACA,QAAU,CAEZ,UACE,iBACA,4BAA8B,CAEhC,qBACE,kBAAoB,CAEtB,6BACE,qBAAuB,CAEzB,oBACE,aACA,cACA,WAAa,CAKf,eACE,eAAiB,CAEnB,SACE,cAAgB","file":"static/css/main.3b0955a1.css","sourcesContent":["@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');\n\n.w3-ripple:active {\n opacity: 0.5;\n}\n.w3-ripple {\n -webkit-transition: opacity 0s;\n -o-transition: opacity 0s;\n transition: opacity 0s;\n}\n.w3-border-0 {\n border: 0 !important;\n}\n.w3-border {\n border: 1px solid #ccc !important;\n}\n.w3-red,\n.w3-hover-red:hover {\n color: #fff !important;\n background-color: #f44336 !important;\n}\n.w3-round-large {\n border-radius: 8px;\n}\n\n.w3-text-red,\n.w3-hover-text-red:hover {\n color: #f44336 !important;\n}\n\n.w3-animate-input {\n -webkit-transition: width 0.4s ease-in-out;\n -o-transition: width 0.4s ease-in-out;\n transition: width 0.4s ease-in-out;\n}\n.w3-animate-input:focus {\n width: 100% !important;\n}\n.w3-green,\n.w3-hover-green:hover {\n color: #fff !important;\n background-color: #4caf50 !important;\n}\n.w3-white,\n.w3-hover-white:hover {\n color: #000 !important;\n background-color: #fff !important;\n}\n\n.w3-border-green,\n.w3-hover-border-green:hover {\n border-color: #4caf50 !important;\n}\n.w3-input {\n padding: 8px;\n display: block;\n border: none;\n border-bottom: 1px solid #ccc;\n width: 100%;\n}\n.w3-select {\n padding: 9px 0;\n width: 100%;\n border: none;\n border-bottom: 1px solid #ccc;\n}\n.w3-btn,\n.w3-button {\n border: none;\n display: inline-block;\n outline: 0;\n padding: 8px 16px;\n vertical-align: middle;\n overflow: hidden;\n text-decoration: none;\n color: inherit;\n background-color: inherit;\n text-align: center;\n cursor: pointer;\n white-space: nowrap;\n}\n.w3-btn:hover {\n -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n}\n.w3-btn,\n.w3-button {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.w3-disabled,\n.w3-btn:disabled,\n.w3-button:disabled {\n cursor: not-allowed;\n opacity: 0.3;\n}\n.w3-disabled *,\n:disabled * {\n pointer-events: none;\n}\n.w3-btn.w3-disabled:hover,\n.w3-btn:disabled:hover {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.w3-button:hover {\n color: #000 !important;\n background-color: #ccc !important;\n}\n.float-input:focus ~ label,\n.float-input:valid ~ label {\n color: inherit;\n top: -2.25rem;\n -webkit-transition: all 0.125s ease;\n -o-transition: all 0.125s ease;\n transition: all 0.125s ease;\n}\n\n.float-group {\n float: left;\n width: 100%;\n margin: 2rem 0 1rem;\n position: relative;\n}\n\n.float-group label {\n color: #ccc;\n position: absolute;\n top: 0;\n left: 0;\n -webkit-transition: all 0.25s ease;\n -o-transition: all 0.25s ease;\n transition: all 0.25s ease;\n pointer-events: none;\n}\n\n.float-group.wide {\n width: 100%;\n}\n\n.float-input {\n padding: 8px;\n display: block;\n border: none;\n border-bottom: 1px solid #ccc;\n width: 100%;\n}\n\n.float-input ~ .bar {\n display: block;\n width: 0;\n height: 2px;\n position: absolute;\n bottom: 0;\n left: 0;\n -webkit-transition: all 0.125s ease;\n -o-transition: all 0.125s ease;\n transition: all 0.125s ease;\n}\n\n.float-input:focus {\n outline: none;\n}\n\n.float-input:focus ~ .bar {\n width: 100%;\n -webkit-transition: all 0.075s ease;\n -o-transition: all 0.075s ease;\n transition: all 0.075s ease;\n}\n\n.switch {\n position: relative;\n display: inline-block;\n width: 60px;\n height: 34px;\n}\n\n.switch input {\n display: none;\n}\n\n.switch-btn {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #ccc;\n -webkit-transition: .4s;\n -o-transition: .4s;\n transition: .4s;\n}\n\n.switch-btn:before {\n position: absolute;\n content: \"\";\n height: 26px;\n width: 26px;\n left: 4px;\n bottom: 4px;\n background-color: white;\n -webkit-transition: .4s;\n -o-transition: .4s;\n transition: .4s;\n}\n\ninput:checked + .ios {\n background-color: #4caf50;\n}\n\ninput:focus + .ios {\n -webkit-box-shadow: 0 0 1px #4caf50;\n box-shadow: 0 0 1px #4caf50;\n}\n\ninput:checked + .switch-btn:before {\n -webkit-transform: translateX(26px);\n -ms-transform: translateX(26px);\n transform: translateX(26px);\n}\n\n.switch-btn.ios {\n border-radius: 34px;\n}\n\n.switch-btn.ios:before {\n border-radius: 50%;\n}\n\ninput:checked + .win {\n background-color: #4caf50;\n}\n\ninput:focus + .win {\n -webkit-box-shadow: 0 0 1px #4caf50;\n box-shadow: 0 0 1px #4caf50;\n}\n\n.switch-btn.android {\n -webkit-transition: all .2s ease;\n -o-transition: all .2s ease;\n transition: all .2s ease;\n background: white;\n border: 4px solid #ccc;\n border-radius: 2em;\n}\n\n.switch-btn.android::after {\n background-color: #ccc;\n}\n.switch-btn.android:before {\n border-radius: 2em;\n height: 20px;\n width: 20px;\n background-color: #ccc;\n}\n\ninput:checked + .android {\n border: 4px solid #4caf50;\n}\n\ninput:checked + .switch-btn.android:before {\n background-color: #4caf50;\n}\n.radio-btn {\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n.radio-btn .btn {\n margin: 4px;\n overflow: auto;\n}\n.radio-btn .label {\n float: left;\n padding: 10px 0;\n text-align: center;\n}\n.radio-btn .btn span {\n text-align: center;\n padding: 8px 16px;\n display: block;\n text-align: center;\n cursor: pointer;\n white-space: nowrap;\n}\n\n.radio-btn .btn input {\n position: absolute;\n top: -20px;\n}\n\n.radio-btn input:checked + span {\n background-color: #4caf50;\n color: #f7f7f7;\n}\n.m-r-10 {\n margin-right: 10px !important;\n}\n\n.w3-ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n}\n.w3-ul li {\n padding: 8px 16px;\n border-bottom: 1px solid #ddd;\n}\n.w3-ul li:last-child {\n border-bottom: none;\n}\n.w3-ul.w3-hoverable li:hover {\n background-color: #ccc;\n}\n.autoPlaceContainer {\n height: 200px;\n overflow: auto;\n z-index: 100;\n}\n.name {\n margin-left: 5px;\n}\n.address {\n margin-left: 5px;\n}\n.pointer {\n cursor: pointer;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/index.css"],"sourceRoot":""}