metalib
Version:
Snippets pack
7 lines • 3.26 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Form;var React=_interopRequireWildcard(require("react")),_Formik=_interopRequireDefault(require("./Formik")),_Fields=_interopRequireDefault(require("./Fields/")),_Block=_interopRequireDefault(require("./Block/")),_Button=_interopRequireDefault(require("@mui/material/Button"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!=typeof a&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}// components
// material
function Form(){const a=React.useRef(null);return/*#__PURE__*/React.createElement(_Formik.default,{ref:a,initialValues:{title:"",phone:"",description:"",category:""},onSuccess:()=>{// ...
},onRead:async()=>{// await
},onSubmit:async()=>{// await
},onValidate:async()=>{// ...
},children:({errors:a,submitForm:b,isSubmitting:c,values:d,...e})=>/*#__PURE__*/React.createElement("div",null,/*#__PURE__*/React.createElement(_Block.default.FormGroup,{label:"Group",isClosed:!0},/*#__PURE__*/React.createElement(_Fields.default.FieldAddress,{label:"Address",name:"address",errors:a}),/*#__PURE__*/React.createElement(_Fields.default.FieldCheckbox,{label:"Checkbox",name:"check",errors:a}),/*#__PURE__*/React.createElement(_Fields.default.FieldSlider,{label:"Slider",name:"slider",errors:a}),/*#__PURE__*/React.createElement(_Fields.default.FieldColor,{label:"Color",name:"color",errors:a}),/*#__PURE__*/React.createElement(_Fields.default.FieldAutocomlete,{label:"Category",name:"category",required:!0,errors:a,helperText:"One",renderOption:a=>a.label,options:[{label:"Demo",value:"v"}],limitOptions:50,InputProps:{startAdornment:"$"}}),/*#__PURE__*/React.createElement(_Fields.default.FieldSelect,{label:"Category",name:"category",required:!0,errors:a,helperText:"One",renderOption:a=>a.label,options:[{label:"Demo",value:"v"}]}),/*#__PURE__*/React.createElement(_Fields.default.FieldText,{label:"Title",name:"title",type:"text",required:!0,errors:a,helperText:"Some",InputProps:{}})),/*#__PURE__*/React.createElement(_Fields.default.FieldText,{label:"Description",name:"description",type:"textarea",required:!0,errors:a,InputProps:{}}),/*#__PURE__*/React.createElement(_Block.default.RowGroup,null,/*#__PURE__*/React.createElement(_Fields.default.FieldPhone,{label:"Phone",name:"phone",required:!0,errors:a,InputProps:{}}),/*#__PURE__*/React.createElement(_Fields.default.FieldDate,{label:"Date",name:"date",type:"datetime",required:!0,errors:a})),/*#__PURE__*/React.createElement(_Block.default.Actions,null,/*#__PURE__*/React.createElement(_Button.default,{type:"submit",variant:"contained",color:"primary",disabled:c,onClick:b},"Submit")))})}