{"version":3,"file":"static/chunks/6378.95cc269711846f8a.js","mappings":"0uBAQA,IAAMA,EAAY,SAACC,GAAD,aAAY,eACrBC,EAAAA,EAAAA,MAAeC,MADM,SAErBD,EAAAA,EAAAA,QAAiBE,KAFI,GAGxBH,IAGAI,EAAU,SAACC,GAAD,OAASA,EAAIC,OAAO,GAAGC,cAAgBF,EAAIG,MAAM,IAO3DC,EAAAA,SAAAA,I,uHACF,WACI,IARcJ,EAQd,EAAqDK,KAAKC,MAAlDC,EAAR,EAAQA,QAASC,EAAjB,EAAiBA,KAAMC,EAAvB,EAAuBA,KAAMC,EAA7B,EAA6BA,SAAUC,EAAvC,EAAuCA,UAEjChB,EAAQU,KAAKO,QACbC,EAASnB,EAAUC,GAEzB,OACI,oBACIY,QAASA,EACTO,UAAWC,GAAAA,CACPF,EAAM,iBACNF,EAAUK,KAAI,SAACC,GAAD,OAASJ,EAAO,qBAAuBI,OAFpC,UAIZJ,EAAO,8BAAgCH,IANpD,UASKD,IACG,iBACIK,UAAWC,GAAAA,CACPF,EAAM,uBACNA,EAAO,4BA3Bbb,EA2BqDS,EA1BvET,EACKkB,MAAM,KACNF,IAAIjB,GACJoB,KAAK,OAoBM,UAKI,SAACC,EAAD,CAAYX,KAAMA,OAG1B,iBAAMK,UAAWD,EAAM,uBAAvB,SAAoDL,W,EA1B9DJ,CAAyBiB,EAAAA,eAgCzBD,EAAa,SAAC,GAAa,IAAXX,EAAW,EAAXA,KACZd,GAAQ2B,EAAAA,EAAAA,YAAWC,EAAAA,GACnBV,EAASnB,EAAUC,GAIzB,GAFuBA,IAAUC,EAAAA,EAAAA,QAEb,CAChB,GAAa,WAATa,EACA,OAAO,SAACe,EAAA,EAAD,CAAMC,KAAK,qBAAqBX,UAAWD,EAAM,wBAE5D,GAAa,iBAATJ,EACA,OAAO,SAACe,EAAA,EAAD,CAAMC,KAAK,oBAAoBX,UAAWD,EAAM,wBAI/D,MAAa,SAATJ,GACO,SAACe,EAAA,EAAD,CAAMC,KAAK,mBAAmBX,UAAWD,EAAM,wBAG7C,WAATJ,GACO,SAACe,EAAA,EAAD,CAAMC,KAAK,aAAaX,UAAWD,EAAM,wBAEvC,iBAATJ,GACO,SAACe,EAAA,EAAD,CAAMC,KAAK,kBAAkBX,UAAWD,EAAM,6BADzD,GAaJT,EAAiBsB,aAAe,CAC5BnB,QAAS,kBAAM,MACfG,UAAU,EACVC,UAAW,CAAC,QACZH,KAAM,MAGVJ,EAAiBuB,YAAcJ,EAAAA,EAE/B,IC/FA,ED+FA,G,kBEhGAK,EAAOC,QAAU,CAAC,iBAAmB,mDAAmD,mCAAmC,mEAAmE,0BAA0B,0DAA0D,4BAA4B,4DAA4D,uBAAyB,yDAAyD,yBAAyB,yDAAyD,6BAA6B,6DAA6D,2BAA2B,2DAA2D,uBAAyB,yDAAyD,sBAAwB,0D,iBCAxyBD,EAAOC,QAAU,CAAC,iBAAmB,iDAAiD,mCAAmC,iEAAiE,gCAAgC,8DAA8D,0BAA0B,wDAAwD,uBAAyB,uDAAuD,6BAA6B,2DAA2D,2BAA2B,yDAAyD,uBAAyB,uDAAuD,+BAA+B,6DAA6D,0BAA0B,wDAAwD,sBAAwB","sources":["webpack://_N_E/./components/FormWidgetButton/FormWidgetButton.js","webpack://_N_E/./components/FormWidgetButton/index.js","webpack://_N_E/./components/FormWidgetButton/FormWidgetButton.folkhem.module.scss","webpack://_N_E/./components/FormWidgetButton/FormWidgetButton.nordr.module.scss"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\nimport { ThemeContext, themes } from '../../themes/ThemeContext';\nimport stylesNordr from './FormWidgetButton.nordr.module.scss';\nimport stylesFolkhem from './FormWidgetButton.folkhem.module.scss';\n\nconst getStyles = (theme) => ({\n        [themes.NORDR]: stylesNordr,\n        [themes.FOLKHEM]: stylesFolkhem,\n    }[theme]\n);\n\nconst ucFirst = (txt) => txt.charAt(0).toUpperCase() + txt.slice(1);\nconst toPascalCase = (txt) =>\n    txt\n        .split('-')\n        .map(ucFirst)\n        .join('');\n\nclass FormWidgetButton extends React.PureComponent {\n    render() {\n        const { onClick, text, icon, disabled, modifiers } = this.props;\n\n        const theme = this.context;\n        const styles = getStyles(theme);\n\n        return (\n            <button\n                onClick={onClick}\n                className={classNames(\n                    styles[\"FormWidgetButton\"],\n                    modifiers.map((mod) => styles[\"FormWidgetButton--\" + mod] ),\n                    {\n                        [styles[\"FormWidgetButton--Disabled\"]]: disabled,\n                    }\n                )}>\n                {icon && (\n                    <span\n                        className={classNames(\n                            styles[\"FormWidgetButton__Icon\"],\n                            styles[\"FormWidgetButton__Icon--\"+toPascalCase(icon)]\n                        )}>\n                        <ButtonIcon icon={icon} />\n                    </span>\n                )}\n                <span className={styles[\"FormWidgetButton__Text\"]}>{text}</span>\n            </button>\n        );\n    }\n}\n\nconst ButtonIcon = ({ icon }) => {\n    const theme = useContext(ThemeContext);\n    const styles = getStyles(theme);\n\n    const isFolkhemTheme = theme === themes.FOLKHEM;\n\n    if (isFolkhemTheme) {\n        if (icon === 'filter') {\n            return <Icon name=\"MaterialFilterIcon\" className={styles[\"FormWidgetButton__Svg\"]} />;\n        }\n        if (icon === 'filter-reset') {\n            return <Icon name=\"MaterialResetIcon\" className={styles[\"FormWidgetButton__Svg\"]} />;\n        }\n    }\n\n    if (icon === 'play') {\n        return <Icon name=\"MaterialPlayIcon\" className={styles[\"FormWidgetButton__Svg\"]} />;\n    }\n\n    if (icon === 'filter') {\n        return <Icon name=\"FilterIcon\" className={styles[\"FormWidgetButton__Svg\"]} />;\n    }\n    if (icon === 'filter-reset') {\n        return <Icon name=\"FilterResetIcon\" className={styles[\"FormWidgetButton__Svg\"]} />;\n    }\n};\n\nFormWidgetButton.propTypes = {\n    onClick: PropTypes.func,\n    text: PropTypes.string,\n    icon: PropTypes.string,\n    disabled: PropTypes.bool,\n    modifiers: PropTypes.array,\n};\n\nFormWidgetButton.defaultProps = {\n    onClick: () => null,\n    disabled: false,\n    modifiers: ['Gray'],\n    text: null,\n};\n\nFormWidgetButton.contextType = ThemeContext;\n\nexport default FormWidgetButton;\n","import FormWidgetButton from './FormWidgetButton';\n\nexport default FormWidgetButton;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"FormWidgetButton\":\"FormWidgetButton_folkhem_FormWidgetButton__mkrX8\",\"FormWidgetButton--TextAlignRight\":\"FormWidgetButton_folkhem_FormWidgetButton--TextAlignRight__fykiO\",\"FormWidgetButton--Brand\":\"FormWidgetButton_folkhem_FormWidgetButton--Brand__dumPI\",\"FormWidgetButton--Outline\":\"FormWidgetButton_folkhem_FormWidgetButton--Outline__LYXbs\",\"FormWidgetButton__Icon\":\"FormWidgetButton_folkhem_FormWidgetButton__Icon__Ew5ng\",\"FormWidgetButton--Gray\":\"FormWidgetButton_folkhem_FormWidgetButton--Gray__P5c_4\",\"FormWidgetButton--Disabled\":\"FormWidgetButton_folkhem_FormWidgetButton--Disabled__Mlber\",\"FormWidgetButton--Hidden\":\"FormWidgetButton_folkhem_FormWidgetButton--Hidden__6LenH\",\"FormWidgetButton__Text\":\"FormWidgetButton_folkhem_FormWidgetButton__Text__37SBn\",\"FormWidgetButton__Svg\":\"FormWidgetButton_folkhem_FormWidgetButton__Svg__OzF27\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"FormWidgetButton\":\"FormWidgetButton_nordr_FormWidgetButton__PloIP\",\"FormWidgetButton--TextAlignRight\":\"FormWidgetButton_nordr_FormWidgetButton--TextAlignRight__YXwZw\",\"FormWidgetButton--Transparent\":\"FormWidgetButton_nordr_FormWidgetButton--Transparent__Wv9Bg\",\"FormWidgetButton--White\":\"FormWidgetButton_nordr_FormWidgetButton--White__GjrFL\",\"FormWidgetButton__Icon\":\"FormWidgetButton_nordr_FormWidgetButton__Icon__GYDjA\",\"FormWidgetButton--Disabled\":\"FormWidgetButton_nordr_FormWidgetButton--Disabled__MfwUX\",\"FormWidgetButton--Hidden\":\"FormWidgetButton_nordr_FormWidgetButton--Hidden__Z4AqF\",\"FormWidgetButton__Text\":\"FormWidgetButton_nordr_FormWidgetButton__Text__PYali\",\"FormWidgetButton__Icon--Play\":\"FormWidgetButton_nordr_FormWidgetButton__Icon--Play__2_bBD\",\"FormWidgetButton--Reset\":\"FormWidgetButton_nordr_FormWidgetButton--Reset__jRQEs\",\"FormWidgetButton__Svg\":\"FormWidgetButton_nordr_FormWidgetButton__Svg__UXoTu\"};"],"names":["getStyles","theme","themes","stylesNordr","stylesFolkhem","ucFirst","txt","charAt","toUpperCase","slice","FormWidgetButton","this","props","onClick","text","icon","disabled","modifiers","context","styles","className","classNames","map","mod","split","join","ButtonIcon","React","useContext","ThemeContext","Icon","name","defaultProps","contextType","module","exports"],"sourceRoot":""}