@dccs/react-formik-mui/docs/main.f963b77f706df3e57ffa.bundle.js

Simple Formik <-> MaterialUI wrappers

(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{102:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FormHelperTextWrapper}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_material_ui_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(717),_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(38),__assign=function(){return(__assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++)for(var p in s=arguments[i])Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p]);return t}).apply(this,arguments)};function FormHelperTextWrapper(props){var name=props.name,helperText=props.helperText,error=props.error,form=props.form,formHelperTextProps=props.formHelperTextProps;return form&&form.errors&&0===Object.keys(form.errors).length&&!form.errors[name]&&!helperText?null:react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_1__.a,__assign({error:Object(_utils__WEBPACK_IMPORTED_MODULE_2__.b)(name,form,error)},formHelperTextProps),Object(_utils__WEBPACK_IMPORTED_MODULE_2__.a)(name,form,helperText)))}try{FormHelperTextWrapper.displayName="FormHelperTextWrapper",FormHelperTextWrapper.__docgenInfo={description:"",displayName:"FormHelperTextWrapper",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},form:{defaultValue:null,description:"",name:"form",required:!0,type:{name:"FormikProps<any>"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"boolean"}},helperText:{defaultValue:null,description:"",name:"helperText",required:!1,type:{name:"string"}},formHelperTextProps:{defaultValue:null,description:"",name:"formHelperTextProps",required:!1,type:{name:'{ disabled?: boolean; error?: boolean; filled?: boolean; focused?: boolean; margin?: "dense"; required?: boolean; variant?: "standard" | "outlined" | "filled"; } & CommonProps<FormHelperTextTypeMap<{}, "p">> & Pick<...>'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/FormHelperTextWrapper.tsx#FormHelperTextWrapper"]={docgenInfo:FormHelperTextWrapper.__docgenInfo,name:"FormHelperTextWrapper",path:"src/FormHelperTextWrapper.tsx#FormHelperTextWrapper"})}catch(__react_docgen_typescript_loader_error){}},1069:function(module,exports,__webpack_require__){var map={"./index.stories.tsx":1070};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id=1069},1070:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_storybook_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(49),_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(50),_src_FormikAutocomplete__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(295),_src_FormikDatepicker__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(296),_src_FormikSlider__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(708),_src_FormikDateTimepicker__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(297),formik__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39),_material_ui_core__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(719),_material_ui_core__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(12),_material_ui_core__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(106),_material_ui_core__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(299),_material_ui_core__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(214),_src_FormikSwitch__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(217),_src_FormikSelect__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(143),_src_FormikSearchableSelect__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(298),_src_FormikCheckbox__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(218),_src_FormikRadio__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__(69),_material_ui_icons_AccountCircle__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__(710),_material_ui_icons_AccountCircle__WEBPACK_IMPORTED_MODULE_18___default=__webpack_require__.n(_material_ui_icons_AccountCircle__WEBPACK_IMPORTED_MODULE_18__),_material_ui_pickers__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__(24),_date_io_date_fns__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__(711),_date_io_moment__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__(376),__assign=function(){return(__assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++)for(var p in s=arguments[i])Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p]);return t}).apply(this,arguments)},validate=function(value){var errorMessage;return/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(value)||(errorMessage="Invalid email address"),errorMessage};Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Formik",module).add("TextFields",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.c,{initialValues:{firstName:"",salary:"",multiline:"",helpertext:"",error:"",outline:"",filled:"",password:"",adornments:""},onSubmit:function(values){setTimeout((function(){alert(JSON.stringify(values,null,2))}))}},(function(formikProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{onSubmit:formikProps.handleSubmit},"Default:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__.a,{label:"First Name",name:"firstName"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),'Type="number":',react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__.a,{label:"Salary",name:"salary",type:"number"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Multiline:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__.a,{label:"Multiline",name:"multiline",multiline:!0}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"With helpertext",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__.a,{label:"Helpertext",name:"helpertext",helperText:"Info"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Use Set Error Button",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__.a,{label:"Error",name:"error"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Variant Outlined:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__.a,{label:"Variant Outline",name:"outline",variant:"outlined"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Variant Filled:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__.a,{label:"Variant filled",name:"filled",variant:"filled"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),'Type="password":',react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__.a,{label:"Password",name:"password",type:"password"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Field level Validation (email)",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__.a,{name:"email",validate:validate}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__.a,{name:"email2",fieldProps:{validate:validate}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Input Adornments:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__.a,{label:"Input Adornments",name:"adornments",InputProps:{startAdornment:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_8__.a,{position:"start"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_icons_AccountCircle__WEBPACK_IMPORTED_MODULE_18___default.a,null))}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{type:"submit",disabled:formikProps.isSubmitting},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:formikProps.handleReset},"Reset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:function(){formikProps.setFieldError("error","Error")}},"Set Error"))}))})),Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Formik",module).add("Datepicker with datefns",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_pickers__WEBPACK_IMPORTED_MODULE_19__.a,{utils:_date_io_date_fns__WEBPACK_IMPORTED_MODULE_20__.a},"With DateFnsUtils:",react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.c,{initialValues:{date:"",dateTime:""},onSubmit:function(values){setTimeout((function(){alert(JSON.stringify(values,null,2))}))}},(function(formikProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{onSubmit:formikProps.handleSubmit},"Default:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikDatepicker__WEBPACK_IMPORTED_MODULE_4__.a,{name:"date",label:"Date"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Date+Time:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikDateTimepicker__WEBPACK_IMPORTED_MODULE_6__.a,{name:"dateTime",label:"Date Time"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{type:"submit"},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:formikProps.handleReset},"Reset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:function(){formikProps.setFieldError("date","Error"),formikProps.setFieldError("dateTime","Error")}},"Set Error"))})))})),Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Formik",module).add("Datepicker with moment",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_pickers__WEBPACK_IMPORTED_MODULE_19__.a,{utils:_date_io_moment__WEBPACK_IMPORTED_MODULE_21__.a},"With MomentUtils:",react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.c,{initialValues:{date:"",dateTime:""},onSubmit:function(values){setTimeout((function(){alert(JSON.stringify(values,null,2))}))}},(function(formikProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{onSubmit:formikProps.handleSubmit},"Default:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikDatepicker__WEBPACK_IMPORTED_MODULE_4__.a,{name:"date",label:"Date"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Date+Time:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikDateTimepicker__WEBPACK_IMPORTED_MODULE_6__.a,{name:"dateTime",label:"Date Time"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{type:"submit"},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:formikProps.handleReset},"Reset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:function(){return formikProps.setFieldError("date","Error")}},"Set Error"))})))})),Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Formik",module).add("Switches",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.c,{initialValues:{switch:"",switchBottom:"",switchInitialChecked:!0},onSubmit:function(values){setTimeout((function(){alert(JSON.stringify(values,null,2))}))}},(function(formikProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{onSubmit:formikProps.handleSubmit},"Default:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikSwitch__WEBPACK_IMPORTED_MODULE_13__.a,{label:"Switch",name:"switch"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),'"checked" initially true',react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikSwitch__WEBPACK_IMPORTED_MODULE_13__.a,{label:"Switch",name:"switchInitialChecked"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Label Placement Bottom",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikSwitch__WEBPACK_IMPORTED_MODULE_13__.a,{label:"Switch Bottom",name:"switchBottom",formControlLabelProps:{labelPlacement:"bottom"}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{type:"submit"},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:formikProps.handleReset},"Reset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:function(){return formikProps.setFieldError("switch","Error")}},"Set Error"))}))})),Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Formik",module).add("Selects",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.c,{initialValues:{select:"",select2:"",select3:2},onSubmit:function(values){setTimeout((function(){alert(JSON.stringify(values,null,2))}))}},(function(formikProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{onSubmit:formikProps.handleSubmit},"Default:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikSelect__WEBPACK_IMPORTED_MODULE_14__.a,{label:"Select",name:"select",options:[{key:0,value:"Entry 0"},{key:1,value:"Entry 1"},{key:2,value:"Entry 2"},{key:3,value:"Entry 3"}]}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Initial Value Set to 2:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikSelect__WEBPACK_IMPORTED_MODULE_14__.a,{label:"Select",name:"select3",options:[{key:0,value:"Entry 0"},{key:1,value:"Entry 1"},{key:2,value:"Entry 2"},{key:3,value:"Entry 3"}]}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Hidden 'Remove Selection Text':",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikSelect__WEBPACK_IMPORTED_MODULE_14__.a,{label:"Select",name:"select3",hideRemoveSelection:!0,options:[{key:0,value:"Entry 0"},{key:1,value:"Entry 1"},{key:2,value:"Entry 2"},{key:3,value:"Entry 3"}]}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Different Text for Remove Selection",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikSelect__WEBPACK_IMPORTED_MODULE_14__.a,{label:"Select",name:"select3",removeSelectionText:"Remooooooovious Selectious",options:[{key:0,value:"Entry 0"},{key:1,value:"Entry 1"},{key:2,value:"Entry 2"},{key:3,value:"Entry 3"}]}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Without Label:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikSelect__WEBPACK_IMPORTED_MODULE_14__.a,{name:"select2",options:[{key:1,value:"Entry 1"},{key:2,value:"Entry 2"},{key:3,value:"Entry 3"}]}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{type:"submit"},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:formikProps.handleReset},"Reset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:function(){return formikProps.setFieldError("select","Error")}},"Set Error"))}))})),Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Formik",module).add("Searchable Selects",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.c,{initialValues:{select:"",select2:""},onSubmit:function(values){setTimeout((function(){alert(JSON.stringify(values,null,2))}))}},(function(formikProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{onSubmit:formikProps.handleSubmit},"Default:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikSearchableSelect__WEBPACK_IMPORTED_MODULE_15__.a,{label:"Select",name:"select",options:[{key:1,value:"Entry 1"},{key:2,value:"Entry 2"},{key:3,value:"Entry 3"}]}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Without Label:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikSearchableSelect__WEBPACK_IMPORTED_MODULE_15__.a,{name:"select2",options:[{key:1,value:"Entry 1"},{key:2,value:"Entry 2"},{key:3,value:"Entry 3"}]}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{type:"submit"},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:formikProps.handleReset},"Reset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:function(){return formikProps.setFieldError("select","Error")}},"Set Error"))}))})),Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Formik",module).add("Checkboxes",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.c,{initialValues:{checkbox:"",checkboxBottom:"",checkboxInitialChecked:!0},onSubmit:function(values){setTimeout((function(){alert(JSON.stringify(values,null,2))}))}},(function(formikProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{onSubmit:formikProps.handleSubmit},"Default:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikCheckbox__WEBPACK_IMPORTED_MODULE_16__.a,{label:"Checkbox",name:"checkbox",helperText:"Im helping!"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),'"checked" initially true',react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikCheckbox__WEBPACK_IMPORTED_MODULE_16__.a,{label:"Checkbox",name:"checkboxInitialChecked"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Label Placement Bottom",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikCheckbox__WEBPACK_IMPORTED_MODULE_16__.a,{label:"Checkbox Bottom",name:"checkboxBottom",formControlLabelProps:{labelPlacement:"bottom"}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{type:"submit"},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:formikProps.handleReset},"Reset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:function(){return formikProps.setFieldError("checkbox","Error")}},"Set Error"))}))})),Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Formik",module).add("Radio Buttons",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.c,{initialValues:{radioGroup:"",radioInitalFemale:"female"},onSubmit:function(values){setTimeout((function(){alert(JSON.stringify(values,null,2))}))}},(function(formikProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{onSubmit:formikProps.handleSubmit},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_10__.a,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_11__.a,null,"Gender"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_12__.a,{name:"radioGroup"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikRadio__WEBPACK_IMPORTED_MODULE_17__.a,{label:"Female",name:"radioGroup",value:"female"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikRadio__WEBPACK_IMPORTED_MODULE_17__.a,{label:"Male",name:"radioGroup",value:"male"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikRadio__WEBPACK_IMPORTED_MODULE_17__.a,{label:"Other",name:"radioGroup",value:"other"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikRadio__WEBPACK_IMPORTED_MODULE_17__.a,{label:"(Disabled option)",name:"radioGroup",value:"disabled",disabled:!0}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_10__.a,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_11__.a,null,"Female set initially"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_12__.a,{name:"radioInitalFemale"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikRadio__WEBPACK_IMPORTED_MODULE_17__.a,{label:"Female",name:"radioInitalFemale",value:"female"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikRadio__WEBPACK_IMPORTED_MODULE_17__.a,{label:"Male",name:"radioInitalFemale",value:"male"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikRadio__WEBPACK_IMPORTED_MODULE_17__.a,{label:"Other",name:"radioInitalFemale",value:"other"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikRadio__WEBPACK_IMPORTED_MODULE_17__.a,{label:"(Disabled option)",name:"radioInitalFemale",value:"disabled",disabled:!0}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{type:"submit"},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:formikProps.handleReset},"Reset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:function(){return formikProps.setFieldError("radioGroup","Error")}},"Set Error"))}))}));var films=[{value:"The Shawshank Redemption",key:1},{value:"The Godfather",key:2},{value:"The Godfather: Part II",key:3},{value:"The Dark Knight",key:4},{value:"12 Angry Men",key:5},{value:"Schindler's List",key:6}];Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Formik",module).add("Autocomplete",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.c,{initialValues:{country:void 0,countryWithInitial:1},onSubmit:function(values){setTimeout((function(){alert(JSON.stringify(values,null,2))}))}},(function(formikProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{onSubmit:formikProps.handleSubmit,autoComplete:"off"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikAutocomplete__WEBPACK_IMPORTED_MODULE_3__.a,{name:"country",label:"No initial value",options:films,textProp:function(option){return option.value},keyProp:function(option){return option.key}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikAutocomplete__WEBPACK_IMPORTED_MODULE_3__.a,{name:"countryWithInitial",label:"Initial Value 1",options:films,textProp:function(option){return option.value},keyProp:function(option){return option.key}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{type:"submit"},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:formikProps.handleReset},"Reset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:function(){return formikProps.setFieldError("country","Error")}},"Set Error"))}))}));Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Formik",module).add("Slider",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.c,{initialValues:{slider:""},onSubmit:function(values){setTimeout((function(){alert(JSON.stringify(values,null,2))}))}},(function(formikProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{onSubmit:formikProps.handleSubmit,autoComplete:"off"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{padding:"20px"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikSlider__WEBPACK_IMPORTED_MODULE_5__.a,{name:"slider",defaultValue:80,getAriaValueText:function(){return"Test C"},"aria-labelledby":"discrete-slider-always",step:10,marks:[{value:0,label:"0°C"},{value:20,label:"20°C"},{value:37,label:"37°C"},{value:100,label:"100°C"}],valueLabelDisplay:"on"})),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{type:"submit"},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:formikProps.handleReset},"Reset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:function(){return formikProps.setFieldError("slider","Error")}},"Set Error"))}))})),Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Formik",module).add("Custom Components",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.c,{initialValues:{custom:"",custom2:""},onSubmit:function(values){setTimeout((function(){alert(JSON.stringify(values,null,2))}))}},(function(formikProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{onSubmit:formikProps.handleSubmit},"Custom Component:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.a,{name:"custom",render:function(fastFieldProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("input",__assign({},fastFieldProps.field)),formikProps.touched.custom?formikProps.errors.custom:null,formikProps.setFieldError("custom","Evil Error Message"))}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"Custom Component with handleChange:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.a,{name:"custom2",render:function(fastFieldProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement("input",__assign({},fastFieldProps.field,{onChange:function(e){formikProps.handleChange(e)}})),formikProps.touched.custom2?formikProps.errors.custom2:null,formikProps.setFieldError("custom2","Evil Error Message"))}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{type:"submit"},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:formikProps.handleReset},"Reset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:function(){return formikProps.setFieldError("custom","Error")}},"Set Error"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),"For more Information:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("a",{href:"https://jaredpalmer.com/formik/docs/api/fastfield"},"Formik"))}))}));for(var initialValues={},i=1;i<=500;i++)initialValues["textField"+i.toString()]="";Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Formik",module).add("Playground",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_pickers__WEBPACK_IMPORTED_MODULE_19__.a,{utils:_date_io_moment__WEBPACK_IMPORTED_MODULE_21__.a},react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.c,{initialValues:{firstName:"",date:"",switch:"",select:"",radioGroup:"female",checkbox:"",country:"",files:""},onSubmit:function(values){setTimeout((function(){alert(JSON.stringify(values,null,2))}))}},(function(formikProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{onSubmit:formikProps.handleSubmit},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__.a,{label:"First Name",name:"firstName"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikDatepicker__WEBPACK_IMPORTED_MODULE_4__.a,{name:"date",label:"Date"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikDateTimepicker__WEBPACK_IMPORTED_MODULE_6__.a,{name:"date",label:"Date"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikSwitch__WEBPACK_IMPORTED_MODULE_13__.a,{label:"Switch",name:"switch"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikSelect__WEBPACK_IMPORTED_MODULE_14__.a,{label:"Select",name:"select",options:[{key:1,value:"Entry 1"},{key:2,value:"Entry 2"},{key:3,value:"Entry 3"}]}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikSearchableSelect__WEBPACK_IMPORTED_MODULE_15__.a,{label:"Select",name:"select",options:[{key:1,value:"Entry 1"},{key:2,value:"Entry 2"},{key:3,value:"Entry 3"}]}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_10__.a,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_11__.a,null,"Gender"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_12__.a,{name:"radioGroup"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikRadio__WEBPACK_IMPORTED_MODULE_17__.a,{label:"Female",name:"radioGroup",value:"female"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikRadio__WEBPACK_IMPORTED_MODULE_17__.a,{label:"Male",name:"radioGroup",value:"male"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikRadio__WEBPACK_IMPORTED_MODULE_17__.a,{label:"Other",name:"radioGroup",value:"other"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikRadio__WEBPACK_IMPORTED_MODULE_17__.a,{label:"(Disabled option)",name:"radioGroup",value:"disabled",disabled:!0}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikCheckbox__WEBPACK_IMPORTED_MODULE_16__.a,{label:"Checkbox",name:"checkbox"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikAutocomplete__WEBPACK_IMPORTED_MODULE_3__.a,{name:"country",label:"No initial value",options:[{key:1,value:"Entry 1"},{key:2,value:"Entry 2"},{key:3,value:"Entry 3"}],textProp:function(option){return option.value},keyProp:function(option){return option.key}}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{type:"submit"},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:formikProps.handleReset},"Reset"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:function(){formikProps.setFieldError("date","Error"),formikProps.setFieldError("select","Error"),formikProps.setFieldError("firstName","Error"),formikProps.setFieldError("switch","Error"),formikProps.setFieldError("radioGroup","Error"),formikProps.setFieldError("checkbox","Error"),formikProps.setFieldError("country","Error"),formikProps.setFieldError("files","Error")}},"Set Error"))})))})),Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Formik",module).add("Huge Form",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,initialValues&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.c,{initialValues:initialValues,onSubmit:function(values){setTimeout((function(){alert(JSON.stringify(values,null,2))}))}},(function(formikProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{onSubmit:formikProps.handleSubmit},Object.keys(formikProps.initialValues).map((function(property,index){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__.a,{key:index,label:property,name:property})})),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{type:"submit"},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:formikProps.handleReset},"Reset"))})))})),Object(_storybook_react__WEBPACK_IMPORTED_MODULE_1__.storiesOf)("Formik",module).add("Error Tests",(function(){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(formik__WEBPACK_IMPORTED_MODULE_7__.c,{initialValues:{actions:[{actionID:"test"}],modID:void 0},validateOnBlur:!1,onSubmit:function(values,_a){(0,_a.setFieldError)("actions.0.actionID","Error1")}},(function(formikProps){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("form",{onSubmit:formikProps.handleSubmit},"Default:",react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__.a,{label:"ActionID",name:"actions.0.actionID"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_FormikTextField__WEBPACK_IMPORTED_MODULE_2__.a,{label:"ModID",name:"modId"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement("br",null),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{type:"submit",disabled:formikProps.isSubmitting},"Save"),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core__WEBPACK_IMPORTED_MODULE_9__.a,{onClick:formikProps.handleReset},"Reset"))}))}))}.call(this,__webpack_require__(198)(module))},1082:function(module,exports,__webpack_require__){var map={"./af":569,"./af.js":569,"./ar":570,"./ar-dz":571,"./ar-dz.js":571,"./ar-kw":572,"./ar-kw.js":572,"./ar-ly":573,"./ar-ly.js":573,"./ar-ma":574,"./ar-ma.js":574,"./ar-sa":575,"./ar-sa.js":575,"./ar-tn":576,"./ar-tn.js":576,"./ar.js":570,"./az":577,"./az.js":577,"./be":578,"./be.js":578,"./bg":579,"./bg.js":579,"./bm":580,"./bm.js":580,"./bn":581,"./bn.js":581,"./bo":582,"./bo.js":582,"./br":583,"./br.js":583,"./bs":584,"./bs.js":584,"./ca":585,"./ca.js":585,"./cs":586,"./cs.js":586,"./cv":587,"./cv.js":587,"./cy":588,"./cy.js":588,"./da":589,"./da.js":589,"./de":590,"./de-at":591,"./de-at.js":591,"./de-ch":592,"./de-ch.js":592,"./de.js":590,"./dv":593,"./dv.js":593,"./el":594,"./el.js":594,"./en-SG":595,"./en-SG.js":595,"./en-au":596,"./en-au.js":596,"./en-ca":597,"./en-ca.js":597,"./en-gb":598,"./en-gb.js":598,"./en-ie":599,"./en-ie.js":599,"./en-il":600,"./en-il.js":600,"./en-nz":601,"./en-nz.js":601,"./eo":602,"./eo.js":602,"./es":603,"./es-do":604,"./es-do.js":604,"./es-us":605,"./es-us.js":605,"./es.js":603,"./et":606,"./et.js":606,"./eu":607,"./eu.js":607,"./fa":608,"./fa.js":608,"./fi":609,"./fi.js":609,"./fo":610,"./fo.js":610,"./fr":611,"./fr-ca":612,"./fr-ca.js":612,"./fr-ch":613,"./fr-ch.js":613,"./fr.js":611,"./fy":614,"./fy.js":614,"./ga":615,"./ga.js":615,"./gd":616,"./gd.js":616,"./gl":617,"./gl.js":617,"./gom-latn":618,"./gom-latn.js":618,"./gu":619,"./gu.js":619,"./he":620,"./he.js":620,"./hi":621,"./hi.js":621,"./hr":622,"./hr.js":622,"./hu":623,"./hu.js":623,"./hy-am":624,"./hy-am.js":624,"./id":625,"./id.js":625,"./is":626,"./is.js":626,"./it":627,"./it-ch":628,"./it-ch.js":628,"./it.js":627,"./ja":629,"./ja.js":629,"./jv":630,"./jv.js":630,"./ka":631,"./ka.js":631,"./kk":632,"./kk.js":632,"./km":633,"./km.js":633,"./kn":634,"./kn.js":634,"./ko":635,"./ko.js":635,"./ku":636,"./ku.js":636,"./ky":637,"./ky.js":637,"./lb":638,"./lb.js":638,"./lo":639,"./lo.js":639,"./lt":640,"./lt.js":640,"./lv":641,"./lv.js":641,"./me":642,"./me.js":642,"./mi":643,"./mi.js":643,"./mk":644,"./mk.js":644,"./ml":645,"./ml.js":645,"./mn":646,"./mn.js":646,"./mr":647,"./mr.js":647,"./ms":648,"./ms-my":649,"./ms-my.js":649,"./ms.js":648,"./mt":650,"./mt.js":650,"./my":651,"./my.js":651,"./nb":652,"./nb.js":652,"./ne":653,"./ne.js":653,"./nl":654,"./nl-be":655,"./nl-be.js":655,"./nl.js":654,"./nn":656,"./nn.js":656,"./pa-in":657,"./pa-in.js":657,"./pl":658,"./pl.js":658,"./pt":659,"./pt-br":660,"./pt-br.js":660,"./pt.js":659,"./ro":661,"./ro.js":661,"./ru":662,"./ru.js":662,"./sd":663,"./sd.js":663,"./se":664,"./se.js":664,"./si":665,"./si.js":665,"./sk":666,"./sk.js":666,"./sl":667,"./sl.js":667,"./sq":668,"./sq.js":668,"./sr":669,"./sr-cyrl":670,"./sr-cyrl.js":670,"./sr.js":669,"./ss":671,"./ss.js":671,"./sv":672,"./sv.js":672,"./sw":673,"./sw.js":673,"./ta":674,"./ta.js":674,"./te":675,"./te.js":675,"./tet":676,"./tet.js":676,"./tg":677,"./tg.js":677,"./th":678,"./th.js":678,"./tl-ph":679,"./tl-ph.js":679,"./tlh":680,"./tlh.js":680,"./tr":681,"./tr.js":681,"./tzl":682,"./tzl.js":682,"./tzm":683,"./tzm-latn":684,"./tzm-latn.js":684,"./tzm.js":683,"./ug-cn":685,"./ug-cn.js":685,"./uk":686,"./uk.js":686,"./ur":687,"./ur.js":687,"./uz":688,"./uz-latn":689,"./uz-latn.js":689,"./uz.js":688,"./vi":690,"./vi.js":690,"./x-pseudo":691,"./x-pseudo.js":691,"./yo":692,"./yo.js":692,"./zh-cn":693,"./zh-cn.js":693,"./zh-hk":694,"./zh-hk.js":694,"./zh-tw":695,"./zh-tw.js":695};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id=1082},143:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FormikSelect}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_material_ui_core_Select__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(294),_material_ui_core_MenuItem__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(291),_material_ui_core_FormControl__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(106),_material_ui_core_InputLabel__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(287),_FormHelperTextWrapper__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(102),_FormikField__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(36),_utils__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(38),__assign=function(){return(__assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++)for(var p in s=arguments[i])Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p]);return t}).apply(this,arguments)},__rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]])}return t},defaultProps={style:{minWidth:"240px"}};function FormikSelect(props){var label=props.label,name=props.name,error=props.error,helperText=props.helperText,useField=props.useField,options=props.options,formControlProps=props.formControlProps,formHelperTextProps=props.formHelperTextProps,hideRemoveSelection=props.hideRemoveSelection,removeSelectionText=props.removeSelectionText,fieldProps=props.fieldProps,validate=props.validate,others=__rest(props,["label","name","error","helperText","useField","options","formControlProps","formHelperTextProps","hideRemoveSelection","removeSelectionText","fieldProps","validate"]),removeSelection=removeSelectionText||"";return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FormikField__WEBPACK_IMPORTED_MODULE_6__.a,__assign({name:name,useField:useField,validate:validate},fieldProps),(function(_a){var field=_a.field,form=_a.form;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_FormControl__WEBPACK_IMPORTED_MODULE_3__.a,__assign({margin:"normal"},formControlProps),label&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_InputLabel__WEBPACK_IMPORTED_MODULE_4__.a,null,label),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_Select__WEBPACK_IMPORTED_MODULE_1__.a,__assign({},defaultProps,field,{value:null!=field.value?field.value:"",error:Object(_utils__WEBPACK_IMPORTED_MODULE_7__.b)(name,form,error)},others),!0!==hideRemoveSelection&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_MenuItem__WEBPACK_IMPORTED_MODULE_2__.a,{style:{minHeight:"30px"},value:""},react__WEBPACK_IMPORTED_MODULE_0__.createElement("em",null,removeSelection)),options&&options.map&&options.map((function(d,idx){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_material_ui_core_MenuItem__WEBPACK_IMPORTED_MODULE_2__.a,{key:idx,value:d.key},d.value)}))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_FormHelperTextWrapper__WEBPACK_IMPORTED_MODULE_5__.a,{name:name,form:form,error:error,formHelperTextProps:formHelperTextProps,helperText:helperText}))}))}try{FormikSelect.displayName="FormikSelect",FormikSelect.__docgenInfo={description:"",displayName:"FormikSelect",props:{name:{defaultValue:null,description:"Name attribute of the `input` element.",name:"name",required:!0,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"any[]"}},hideRemoveSelection:{defaultValue:null,description:"",name:"hideRemoveSelection",required:!1,type:{name:"boolean"}},removeSelectionText:{defaultValue:null,description:"",name:"removeSelectionText",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"See [OutlinedInput#label](/api/outlined-input/#props)",name:"label",required:!1,type:{name:"string | (string & {}) | (string & ReactElement<any, string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)>) | (new (props: any) => Component<any, any, any>)>) | (string & ReactNodeArray) | (string & ReactPortal)"}},useField:{defaultValue:null,description:"",name:"useField",required:!1,type:{name:"boolean"}},helperText:{defaultValue:null,description:"",name:"helperText",required:!1,type:{name:"string"}},formControlProps:{defaultValue:null,description:"",name:"formControlProps",required:!1,type:{name:'{ color?: "primary" | "secondary"; disabled?: boolean; error?: boolean; fullWidth?: boolean; focused?: boolean; hiddenLabel?: boolean; margin?: Margin; required?: boolean; size?: "small" | "medium"; variant?: "standard" | ... 1 more ... | "filled"; } & CommonProps<...> & Pick<...>'}},formHelperTextProps:{defaultValue:null,description:"",name:"formHelperTextProps",required:!1,type:{name:'{ disabled?: boolean; error?: boolean; filled?: boolean; focused?: boolean; margin?: "dense"; required?: boolean; variant?: "standard" | "outlined" | "filled"; } & CommonProps<FormHelperTextTypeMap<{}, "p">> & Pick<...>'}},fieldProps:{defaultValue:null,description:"",name:"fieldProps",required:!1,type:{name:"{}"}},validate:{defaultValue:null,description:"",name:"validate",required:!1,type:{name:"any"}},autoWidth:{defaultValue:null,description:"If `true`, the width of the popover will automatically be set according to the items inside the\nmenu, otherwise it will be at least the width of the select input.",name:"autoWidth",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The option elements to populate the select with.\nCan be some `MenuItem` when `native` is false and `option` when `native` is true.\n\n⚠️The `MenuItem` elements **must** be direct descendants when `native` is false.",name:"children",required:!1,type:{name:"ReactNode"}},defaultValue:{defaultValue:null,description:"The default element value. Use when the component is not controlled.\n@document",name:"defaultValue",required:!1,type:{name:"unknown"}},displayEmpty:{defaultValue:null,description:"If `true`, a value is displayed even if no items are selected.\n\nIn order to display a meaningful value, a function should be passed to the `renderValue` prop which returns the value to be displayed when no items are selected.\nYou can only use it when the `native` prop is `false` (default).",name:"displayEmpty",required:!1,type:{name:"boolean"}},IconComponent:{defaultValue:null,description:"The icon that displays the arrow.",name:"IconComponent",required:!1,type:{name:"ElementType<any>"}},id:{defaultValue:null,description:"The `id` of the wrapper element or the `select` element when `native`.",name:"id",required:!1,type:{name:"string"}},input:{defaultValue:null,description:"An `Input` element; does not have to be a material-ui specific `Input`.",name:"input",required:!1,type:{name:"ReactElement<any, any>"}},inputProps:{defaultValue:null,description:"[Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\nWhen `native` is `true`, the attributes are applied on the `select` element.",name:"inputProps",required:!1,type:{name:"InputBaseComponentProps"}},labelId:{defaultValue:null,description:"The ID of an element that acts as an additional label. The Select will\nbe labelled by the additional label and the selected value.",name:"labelId",required:!1,type:{name:"string"}},labelWidth:{defaultValue:null,description:"See [OutlinedInput#label](/api/outlined-input/#props)",name:"labelWidth",required:!1,type:{name:"number"}},MenuProps:{defaultValue:null,description:"Props applied to the [`Menu`](/api/menu/) element.",name:"MenuProps",required:!1,type:{name:"Partial<MenuProps>"}},multiple:{defaultValue:null,description:"If `true`, `value` must be an array and the menu will support multiple selections.",name:"multiple",required:!1,type:{name:"boolean"}},native:{defaultValue:null,description:"If `true`, the component will be using a native `select` element.",name:"native",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"Callback function fired when a menu item is selected.\n@param event The event source of the callback.\nYou can pull out the new value by accessing `event.target.value` (any).\n@param child The react element that was selected when `native` is `false` (default).\n@document",name:"onChange",required:!1,type:{name:"(event: ChangeEvent<{ name?: string; value: unknown; }>, child: ReactNode) => void"}},onClose:{defaultValue:null,description:"Callback fired when the component requests to be closed.\nUse in controlled mode (see open).\n@param event The event source of the callback.",name:"onClose",required:!1,type:{name:"(event: ChangeEvent<{}>) => void"}},onOpen:{defaultValue:null,description:"Callback fired when the component requests to be opened.\nUse in controlled mode (see open).\n@param event The event source of the callb