{"version":3,"sources":["components/ArticleList/styles.js","pages/BulletinsPage/styles.js","pages/BulletinsPage/index.tsx"],"names":["ArticleListContainer","styled","div","withConfig","componentId","media","md","_templateObject","_taggedTemplateLiteral","lg","_templateObject2","ArticleListWrapper","color","ArticleListTitle","h3","ArticleListItem","_templateObject3","_templateObject4","textStyles","MicroText","_templateObject5","PSmall","_templateObject6","BulletinsHeader","AInline","connect","state","doc","document","_ref","bulletins","React","createElement","Container","className","href","isEmpty","map","_ref2","index","title","items","key","_ref3","idx","name","path","date","to","as","Link","FaIcon","icon"],"mappings":"qSAGO,MAAMA,EAAuBC,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,8CAI3CI,IAAMC,GAAEC,MAAAC,YAAA,oCAIRH,IAAMI,GAAEC,MAAAF,YAAA,uCAKEG,EAAqBV,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,0BACvBW,YAAM,OAAQ,IAGtBC,EAAmBZ,IAAOa,GAAEX,WAAA,CAAAC,YAAA,eAATH,CAAS,uDACpBW,YAAM,UAKdG,EAAkBd,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,yuBACpBW,YAAM,SACjBA,YAAM,OAAQ,GAUrBP,IAAMC,GAAEU,MAAAR,YAAA,+DAUkBI,YAAM,OAAQ,GAMpBA,YAAM,OAAQ,GAUhCP,IAAMC,GAAEW,MAAAT,YAAA,wCAKPU,IAAWC,UAEXd,IAAMC,GAAEc,MAAAZ,YAAA,gCACPU,IAAWG,QAKdhB,IAAMC,GAAEgB,MAAAd,YAAA,+LAaAI,YAAM,cAAe,GAsBtBA,YAAM,OAAQ,GACrBM,IAAWG,OAKHT,YAAM,YAAa,GAKlBA,YAAM,OAAQ,K,mICxHpB,MAAMW,EAAkBtB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,sOAKtCI,IAAMC,GAAEC,MAAAC,YAAA,+DAKRH,IAAMI,GAAEC,MAAAF,YAAA,+DAQPH,IAAMC,GAAEU,MAAAR,YAAA,0CAIRH,IAAMI,GAAEQ,MAAAT,YAAA,0CAsBPU,IAAWG,OAIXH,IAAWM,S,YCaDC,4BAJUC,IAAwB,CAChDC,IAAKD,EAAME,WAGGH,CA5COI,IAAoB,IAAnB,IAAEF,GAAaE,EACrC,MAAM,UAAEC,GAAcH,EAEtB,OACCI,IAAAC,cAACC,IAAS,KACTF,IAAAC,cAACT,EAAe,KACfQ,IAAAC,cAAA,UAAI,cAEJD,IAAAC,cAAA,OAAKE,UAAU,qBACdH,IAAAC,cAAA,SACC,+DACAD,IAAAC,cAAA,WACA,0CAAqC,IACrCD,IAAAC,cAAA,KAAGG,KAAK,0BAAyB,2CAKlCC,YAAQN,IACTA,EAAUO,IAAI,CAAAC,EAAmBC,KAAa,IAA/B,MAAEC,EAAK,MAAEC,GAAOH,EAAA,OAC9BP,IAAAC,cAAChC,IAAoB,CAAC0C,IAAK,eAAiBH,GAC3CR,IAAAC,cAACrB,IAAkB,KAClBoB,IAAAC,cAACnB,IAAgB,KAAE2B,IACjBJ,YAAQK,IACTA,EAAMJ,IAAI,CAAAM,EAAuBC,KAAW,IAAjC,KAAEC,EAAI,KAAEC,EAAI,KAAEC,GAAMJ,EAAA,OAC9BZ,IAAAC,cAACjB,IAAe,CAAC2B,IAAK,mBAAqBE,EAAKI,GAAIF,EAAMG,GAAIC,QAC7DnB,IAAAC,cAAA,QAAME,UAAU,gBAAgBa,GAChChB,IAAAC,cAAA,QAAME,UAAU,gBAAgBW,GAChCd,IAAAC,cAAA,QAAME,UAAU,QACfH,IAAAC,cAACmB,IAAM,CAACC,KAAK","file":"assets/js/pages-BulletinsPage.chunk.js?cb=c72879776ba6832b26e2","sourcesContent":["import styled from \"styled-components\";\nimport { color, media, textStyles } from \"@utils/style-utils\";\n\nexport const ArticleListContainer = styled.div`\n\tmargin: 0 auto 60px;\n\tpadding: 0 15px;\n\n\t${media.md`\n\t\tmax-width: 1160px;\n\t`}\n\n\t${media.lg`\n\t\tmargin: 0 auto 80px;\n\t`}\n`;\n\nexport const ArticleListWrapper = styled.div`\n\tbackground-color: ${color(\"grey\", 5)};\n`;\n\nexport const ArticleListTitle = styled.h3`\n\tbackground-color: ${color(\"white\")};\n\tmargin: 0;\n\tpadding-bottom: 40px;\n`;\n\nexport const ArticleListItem = styled.div`\n\tbackground-color: ${color(\"white\")};\n\tcolor: ${color(\"grey\", 1)};\n\tcursor: pointer;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0 0 1px;\n\tpadding: 25px 8px;\n\tpadding-right: 30px;\n\tposition: relative;\n\ttransition: background-color 150ms;\n\n\t${media.md`\n\t\tflex-direction: row;\n\t\tpadding-right: 8px;\n\t`}\n\n\t&:first-of-type {\n\t\tmargin-top: 1px;\n\t}\n\n\t&:last-of-type {\n\t\tborder-bottom: 1px solid ${color(\"grey\", 5)};\n\t\tmargin-bottom: 0;\n\t}\n\n\t.is-pointer & {\n\t\t&:hover {\n\t\t\tbackground-color: ${color(\"grey\", 7)};\n\t\t}\n\t}\n\n\tspan {\n\t\tflex-basis: 100%;\n\n\t\t&.article-agency {\n\t\t\tmargin-top: 10px;\n\n\t\t\t${media.md`\n\t\t\t\tmargin-top: 0;\n\t\t\t`}\n\n\t\t\ta {\n\t\t\t\t${textStyles.MicroText}\n\n\t\t\t\t${media.md`\n\t\t\t\t\t${textStyles.PSmall}\n\t\t\t\t`}\n\t\t\t}\n\t\t}\n\n\t\t${media.md`\n\t\t\tflex-basis: calc(100% / 2 - 30px);\n\t\t\tflex-grow: 1;\n\t\t\tpadding-right: 30px;\n\n\t\t\t&.article-date {\n\t\t\t\tflex-basis: 147px;\n\t\t\t\tflex-grow: 0;\n\t\t\t}\n\t\t`}\n\n\t\t&.icon {\n\t\t\talign-items: center;\n\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t\tdisplay: inline-flex;\n\t\t\tflex-basis: 0;\n\t\t\tflex-grow: 0;\n\t\t\tfont-size: 20px;\n\t\t\tjustify-content: center;\n\t\t\tpadding-right: 0;\n\n\t\t\tsvg {\n\t\t\t\tmax-width: 11px;\n\t\t\t}\n\n\t\t\t@media (max-width: 767px) {\n\t\t\t\theight: 100%;\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 0;\n\t\t\t\ttop: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\ta {\n\t\tcolor: ${color(\"grey\", 1)};\n\t\t${textStyles.PSmall}\n\t\ttext-decoration: none;\n\t\ttransition: color 150ms;\n\n\t\t&:active {\n\t\t\tcolor: ${color(\"greenDark\", 1)};\n\t\t}\n\n\t\t.is-pointer & {\n\t\t\t&:hover {\n\t\t\t\tcolor: ${color(\"grey\", 2)};\n\t\t\t}\n\t\t}\n\t}\n`;\n","import styled from \"styled-components\";\nimport { media, textStyles } from \"@utils/style-utils\";\n\nexport const BulletinsHeader = styled.div`\n\tpadding-top: 100px;\n\tmargin: 0 auto 40px;\n\tmax-width: 1130px;\n\n\t${media.md`\n\t\tpadding-top: 124px;\n\t\tmargin-bottom: 60px;\n\t`}\n\n\t${media.lg`\n\t\tpadding-top: 144px;\n\t\tmargin-bottom: 80px;\n\t`}\n\n\th1 {\n\t\tmargin-bottom: 40px;\n\n\t\t${media.md`\n\t\t\tmargin-bottom: 65px;\n\t\t`}\n\n\t\t${media.lg`\n\t\t\tmargin-bottom: 80px;\n\t\t`}\n\t}\n\n\t.bulletins-ingress {\n\t\t> :first-child {\n\t\t\tmargin-top: -3px;\n\t\t}\n\n\t\tul,\n\t\tol {\n\t\t\tpadding-left: 30px;\n\n\t\t\tli {\n\t\t\t\tmargin-bottom: 15px;\n\t\t\t\tpadding-left: 16px;\n\t\t\t}\n\t\t}\n\n\t\tp,\n\t\tli {\n\t\t\t${textStyles.PSmall}\n\t\t}\n\n\t\ta {\n\t\t\t${textStyles.AInline}\n\t\t}\n\t}\n`;\n","import React from \"react\";\nimport { IDocument } from \"@redux/document\";\nimport { IApplicationState } from \"@redux\";\nimport { connect } from \"react-redux\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport { Link } from \"react-router-dom\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n\tArticleListContainer,\n\tArticleListWrapper,\n\tArticleListItem,\n\tArticleListTitle,\n} from \"@components/ArticleList/styles\";\nimport { BulletinsHeader } from \"./styles\";\nimport { Container } from \"@components/Grid\";\n\ninterface IProps {\n\tdoc: IDocument;\n}\n\nconst BulletinsPage = ({ doc }: IProps) => {\n\tconst { bulletins } = doc;\n\n\treturn (\n\t\t<Container>\n\t\t\t<BulletinsHeader>\n\t\t\t\t<h1>Tiedotteet</h1>\n\n\t\t\t\t<div className=\"bulletins-ingress\">\n\t\t\t\t\t<p>\n\t\t\t\t\t\tAlta löydät Kiinteistömaailman uusimmat tiedotteet.\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\tKaikissa kysymyksissä sinua palvelee{\" \"}\n\t\t\t\t\t\t<a href=\"/yhteystiedot-medialle\">Kiinteistömaailman viestintä.</a>\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t</BulletinsHeader>\n\n\t\t\t{!isEmpty(bulletins) &&\n\t\t\t\tbulletins.map(({ title, items }, index: number) => (\n\t\t\t\t\t<ArticleListContainer key={\"articlelist_\" + index}>\n\t\t\t\t\t\t<ArticleListWrapper>\n\t\t\t\t\t\t\t<ArticleListTitle>{title}</ArticleListTitle>\n\t\t\t\t\t\t\t{!isEmpty(items) &&\n\t\t\t\t\t\t\t\titems.map(({ name, path, date }, idx: number) => (\n\t\t\t\t\t\t\t\t\t<ArticleListItem key={\"articlelistitem#\" + idx} to={path} as={Link}>\n\t\t\t\t\t\t\t\t\t\t<span className=\"article-date\">{date}</span>\n\t\t\t\t\t\t\t\t\t\t<span className=\"article-name\">{name}</span>\n\t\t\t\t\t\t\t\t\t\t<span className=\"icon\">\n\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"angle-right\" />\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</ArticleListItem>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</ArticleListWrapper>\n\t\t\t\t\t</ArticleListContainer>\n\t\t\t\t))}\n\t\t</Container>\n\t);\n};\n\nconst mapStateToProps = (state: IApplicationState) => ({\n\tdoc: state.document,\n});\n\nexport default connect(mapStateToProps)(BulletinsPage);\n"],"sourceRoot":""}