{"version":3,"file":"static/chunks/6223.3d0b45f80fb0ffd5.js","mappings":"oyCAOA,IAMMA,EAAAA,SAAAA,I,uBAUF,WAAYC,GAAO,6BACf,cAAMA,IAOVC,MAAQ,WACJ,EAAKC,SAAS,CACVD,OAAO,KAVI,EAcnBE,KAAO,SAACC,GACJ,EAAKJ,MAAMK,MAAMC,OAAOF,GAExB,EAAKF,SAAS,CACVD,OAAO,KAfX,EAAKM,MAAQ,CACTN,OAAO,GAJI,E,qCAsBnB,WACI,MAKIO,KAAKR,MAJLK,EADJ,EACIA,MACAI,EAFJ,EAEIA,YACAC,EAHJ,EAGIA,aAHJ,IAIIC,KAAQC,EAJZ,EAIYA,QAASC,EAJrB,EAIqBA,OAEbZ,EAAUO,KAAKD,MAAfN,MAGFa,EAhDI,SAACC,GAAD,aAAY,eACrBC,EAAAA,EAAAA,MAAeC,MADM,SAErBD,EAAAA,EAAAA,QAAiBE,KAFI,GAGxBH,GA6CiBI,CADDX,KAAKY,SAGnB,OACI,gBACIC,UAAWC,GAAAA,CACPR,EAAM,cADW,UAEdA,EAAO,uBAAyBb,IAFlB,UAGda,EAAO,uBAAyC,KAAhBT,EAAMkB,QAJjD,UAMI,iBAAKF,UAAWP,EAAM,2BAAtB,WACI,kBACIU,QAAO,aAAQnB,EAAMoB,MACrBJ,UAAWP,EAAM,0BAFrB,SAGKL,KAEL,yBACIY,UAAWC,GAAAA,CAAWR,EAAM,wBAAP,UAChBA,EAAO,iCACJF,EAAQP,EAAMoB,OAASZ,EAAOR,EAAMoB,QAE5CC,GAAE,aAAQrB,EAAMoB,MAChBf,aAAcA,GACVL,GAPR,IAQIsB,QAASnB,KAAKP,MACdK,OAAQE,KAAKL,iB,EAlE/BJ,CAAqB6B,EAAAA,eAArB7B,EACK8B,aAAe,CAClBlB,KAAM,CAAEC,QAAS,GAAIC,OAAQ,IAC7BR,MAAO,CACHC,OAAQ,aACRqB,QAAS,cAEbjB,aAAc,OA0EtBX,EAAa+B,YAAcC,EAAAA,EAE3B,IC9FA,ED8FA,G,kBE/FAC,EAAOC,QAAU,CAAC,aAAe,2CAA2C,2BAA6B,yDAAyD,uBAAyB,qDAAqD,sBAAsB,kDAAkD,sBAAsB,kDAAkD,gCAAgC,4DAA4D,0BAA4B,0D,iBCAxfD,EAAOC,QAAU,CAAC,aAAe,yCAAyC,2BAA6B,uDAAuD,uBAAyB,mDAAmD,gCAAgC,0DAA0D,0BAA4B,sDAAsD,sBAAsB","sources":["webpack://_N_E/./components/FormTextarea/FormTextarea.js","webpack://_N_E/./components/FormTextarea/index.js","webpack://_N_E/./components/FormTextarea/FormTextarea.folkhem.module.scss","webpack://_N_E/./components/FormTextarea/FormTextarea.nordr.module.scss"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { ThemeContext, themes } from '../../themes/ThemeContext';\nimport stylesNordr from './FormTextarea.nordr.module.scss';\nimport stylesFolkhem from './FormTextarea.folkhem.module.scss';\n\nconst getStyles = (theme) => ({\n        [themes.NORDR]: stylesNordr,\n        [themes.FOLKHEM]: stylesFolkhem,\n    }[theme]\n);\n\nclass FormTextarea extends PureComponent {\n    static defaultProps = {\n        form: { touched: {}, errors: {} },\n        field: {\n            onBlur: () => {},\n            onFocus: () => {},\n        },\n        autoComplete: 'off',\n    };\n\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            focus: false,\n        };\n    }\n\n    focus = () => {\n        this.setState({\n            focus: true,\n        });\n    };\n\n    blur = (e) => {\n        this.props.field.onBlur(e);\n\n        this.setState({\n            focus: false,\n        });\n    };\n\n    render() {\n        const {\n            field,\n            placeholder,\n            autoComplete,\n            form: { touched, errors },\n        } = this.props;\n        const { focus } = this.state;\n\n        const theme = this.context;\n        const styles = getStyles(theme);\n\n        return (\n            <div\n                className={classNames(\n                    styles[\"FormTextarea\"],\n                    { [styles[\"FormTextarea--Focus\"]]: focus },\n                    { [styles[\"FormTextarea--Focus\"]]: field.value !== '' }\n                )}>\n                <div className={styles[\"FormTextarea__FieldWrapper\"]}>\n                    <label\n                        htmlFor={`id_${field.name}`}\n                        className={styles[\"FormTextarea__Placeholder\"]}>\n                        {placeholder}\n                    </label>\n                    <textarea\n                        className={classNames(styles[\"FormTextarea__Textarea\"], {\n                            [styles[\"FormTextarea__Textarea--Error\"]]:\n                                touched[field.name] && errors[field.name],\n                        })}\n                        id={`id_${field.name}`}\n                        autoComplete={autoComplete}\n                        {...field}\n                        onFocus={this.focus}\n                        onBlur={this.blur}\n                    />\n                </div>\n            </div>\n        );\n    }\n}\n\nFormTextarea.propTypes = {\n    field: PropTypes.object,\n    placeholder: PropTypes.string,\n    autoComplete: PropTypes.string,\n    form: PropTypes.object,\n};\n\nFormTextarea.contextType = ThemeContext;\n\nexport default FormTextarea;\n","import FormTextarea from './FormTextarea';\n\nexport default FormTextarea;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"FormTextarea\":\"FormTextarea_folkhem_FormTextarea__Avhnm\",\"FormTextarea__FieldWrapper\":\"FormTextarea_folkhem_FormTextarea__FieldWrapper__AVf6y\",\"FormTextarea__Textarea\":\"FormTextarea_folkhem_FormTextarea__Textarea__CTSCX\",\"FormTextarea--Focus\":\"FormTextarea_folkhem_FormTextarea--Focus__UGAIT\",\"FormTextarea--Error\":\"FormTextarea_folkhem_FormTextarea--Error__lKrI4\",\"FormTextarea__Textarea--Error\":\"FormTextarea_folkhem_FormTextarea__Textarea--Error__L6ZP5\",\"FormTextarea__Placeholder\":\"FormTextarea_folkhem_FormTextarea__Placeholder__6HSbG\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"FormTextarea\":\"FormTextarea_nordr_FormTextarea__jYcIr\",\"FormTextarea__FieldWrapper\":\"FormTextarea_nordr_FormTextarea__FieldWrapper__vAB5A\",\"FormTextarea__Textarea\":\"FormTextarea_nordr_FormTextarea__Textarea__tBpeq\",\"FormTextarea__Textarea--Error\":\"FormTextarea_nordr_FormTextarea__Textarea--Error__FPRFY\",\"FormTextarea__Placeholder\":\"FormTextarea_nordr_FormTextarea__Placeholder__xwIWb\",\"FormTextarea--Focus\":\"FormTextarea_nordr_FormTextarea--Focus__JWxmC\"};"],"names":["FormTextarea","props","focus","setState","blur","e","field","onBlur","state","this","placeholder","autoComplete","form","touched","errors","styles","theme","themes","stylesNordr","stylesFolkhem","getStyles","context","className","classNames","value","htmlFor","name","id","onFocus","PureComponent","defaultProps","contextType","ThemeContext","module","exports"],"sourceRoot":""}