{"version":3,"file":"static/js/OpenPosition.e758f684.js","mappings":"0SAeA,MAAMA,EAAYC,IAAM,QAAS,CAC7BC,UAAW,4BACXC,KAAM,yBACNC,KAAM,2BAGJC,EAAYJ,IAAM,QAAS,CAC7BC,UAAW,4BACXC,KAAM,yBACNC,KAAM,2BAGJE,EAAYL,IAAM,QAAS,CAC7BC,UAAW,4BACXC,KAAM,yBACNC,KAAM,2BAGJG,EAAaN,IAAM,QAAS,CAC9BC,UAAW,yBACXC,KAAM,6BACNC,KAAM,2BAGJI,EAAcP,IAAM,QAAS,CAC/BC,UAAW,4BACXC,KAAM,yBACNC,KAAM,2BAGGK,EAAUC,EAAAA,OAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,qCAKpBI,EAAYJ,EAAAA,OAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,uKAEHF,EACfR,EAKXe,EAAAA,GAAGC,OAIHD,EAAAA,GAAGE,SAKIC,GAAeR,EAAAA,EAAAA,QAAOS,EAAAA,GAAKP,WAAA,CAAAC,YAAA,eAAZH,CAAY,4JACvBL,GASJe,GAAUV,EAAAA,EAAAA,QAAOW,EAAAA,GAAKT,WAAA,CAAAC,YAAA,eAAZH,CAAY,+PAC7BY,EAAAA,GAEWtB,EAMXe,EAAAA,GAAGC,OAIHD,EAAAA,GAAGE,QAKYV,EAEXW,EACeX,GAOZgB,EAAcb,EAAAA,OAAOc,EAACZ,WAAA,CAAAC,YAAA,eAARH,CAAQ,0HAC7Be,EAAAA,GACWzB,EAGXe,EAAAA,GAAGC,OAIHD,EAAAA,GAAGE,QAQHS,EAAAA,EAEAC,EAAAA,EAGIC,EAAAA,IAIGC,EAAcnB,EAAAA,OAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,0KAC/BoB,EAAAA,GACAC,EAAAA,GACW/B,EAQXe,EAAAA,GAAGE,UAKgBP,EAAAA,EAAAA,QAAOS,EAAAA,GAAKP,WAAA,CAAAC,YAAA,eAAZH,CAAY,yGACpBJ,G,eCpIjB,MAAM0B,EAAeA,EACjBC,KACAC,UACAC,cACAC,sBACAC,YACAC,MACArC,QACAsC,YACAC,iBAEA,MAAMC,GAAeC,EAAAA,EAAAA,YAAWC,EAAAA,cAC1BC,EAAaX,EAAKA,EAAGY,WAAa,eAExC,OACIC,EAAAA,EAAAA,KAACC,EAAAA,cAAa,CAAC9C,MAAO,CAAEA,MAAOA,IAAqB,OAAZwC,QAAY,IAAZA,OAAY,EAAZA,EAAcxC,QAAQ+C,UAC1DF,EAAAA,EAAAA,KAACrC,EAAO,CAAC8B,UAAWA,EAAWN,GAAIO,EAAWQ,UAC1CC,EAAAA,EAAAA,MAACnC,EAAS,CAACmB,GAAIW,EAAWI,SAAA,CACrBd,IACGY,EAAAA,EAAAA,KAAC1B,EAAO,CAAC8B,GAAIZ,EAAKa,OAAK,EAAAH,UAClBI,EAAAA,EAAAA,GACGlB,GACAY,EAAAA,EAAAA,KAAC5B,EAAY,CACTmC,KAAM,mBACN,cAAY,YAK3BlB,IAAeW,EAAAA,EAAAA,KAACvB,EAAW,CAAAyB,SAAEb,IAC7BA,IACGc,EAAAA,EAAAA,MAACpB,EAAW,CAAAmB,SAAA,CACPX,GAAaA,EAAUiB,OAAS,IAC7BL,EAAAA,EAAAA,MAAA,OAAAD,SAAA,EACIF,EAAAA,EAAAA,KAAC3B,EAAAA,EAAI,CAACkC,KAAK,eACD,OAAThB,QAAS,IAATA,OAAS,EAATA,EACKkB,KAAKC,GAAaA,EAASC,OAC5BC,KAAK,SAGjBtB,IACGa,EAAAA,EAAAA,MAAA,OAAAD,SAAA,EACIF,EAAAA,EAAAA,KAAC3B,EAAAA,EAAI,CAACkC,KAAK,eACVjB,UA1BWQ,MAiCxB,EAIxB,MAAee,EAAAA,KAAW3B,E","sources":["components/OpenPosition/OpenPosition.styled.ts","components/OpenPosition/OpenPosition.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport Icon from \"components/Icon\";\nimport Link from \"components/Link\";\nimport { styledLink } from \"components/Link/Link.styled\";\nimport { styledListOL, styledListUL } from \"components/List/List.styled\";\nimport {\n styleBodyM,\n styleHeadingM,\n styleLabelS,\n} from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\n\nconst textColor = theme(\"theme\", {\n lightgray: \"--text-on-neutral-primary\",\n blue: \"--text-on-blue-primary\",\n cyan: \"--text-on-cyan-primary\",\n});\n\nconst iconColor = theme(\"theme\", {\n lightgray: \"--icon-on-neutral-primary\",\n blue: \"--icon-on-blue-primary\",\n cyan: \"--icon-on-cyan-primary\",\n});\n\nconst linkColor = theme(\"theme\", {\n lightgray: \"--text-on-neutral-primary\",\n blue: \"--text-on-blue-primary\",\n cyan: \"--text-on-cyan-primary\",\n});\n\nconst hoverColor = theme(\"theme\", {\n lightgray: \"--text-on-neutral-link\",\n blue: \"--text-on-blue-primary-alt\",\n cyan: \"--text-on-cyan-primary\",\n});\n\nconst borderColor = theme(\"theme\", {\n lightgray: \"--line-on-neutral-default\",\n blue: \"--line-on-blue-default\",\n cyan: \"--line-on-cyan-default\",\n});\n\nexport const Wrapper = styled.div`\n display: inline-flex;\n width: 100%;\n`;\n\nexport const Container = styled.div`\n border-bottom: none;\n border-top: 1px solid var(${borderColor});\n color: var(${textColor});\n display: block;\n flex-grow: 1;\n padding-top: 2.1875rem;\n\n ${MQ.FROM_M} {\n padding-top: 2.625rem;\n }\n\n ${MQ.FROM_XL} {\n padding-top: 3.5rem;\n }\n`;\n\nexport const HeadingArrow = styled(Icon)`\n color: var(${iconColor});\n margin-left: 0.875rem;\n margin-right: 0.875rem;\n transition:\n margin-left 0.2s ease-in-out,\n margin-right 0.2s ease-in-out,\n color 0.2s ease-in-out;\n`;\n\nexport const Heading = styled(Link)`\n ${styleHeadingM};\n border: none;\n color: var(${textColor});\n display: block;\n margin-bottom: 0.875rem;\n margin-top: 0;\n transition: color 0.2s ease-in-out;\n\n ${MQ.FROM_M} {\n margin-bottom: 1.3125rem;\n }\n\n ${MQ.FROM_XL} {\n margin-bottom: 1.75rem;\n }\n\n &:hover {\n color: var(${hoverColor});\n\n ${HeadingArrow} {\n color: var(${hoverColor});\n margin-left: 1.75rem;\n margin-right: 0;\n }\n }\n`;\n\nexport const Description = styled.p`\n ${styleBodyM};\n color: var(${textColor});\n margin: 0.875rem 0;\n\n ${MQ.FROM_M} {\n margin: 1.3125rem 0;\n }\n\n ${MQ.FROM_XL} {\n margin: 1.75rem 0;\n }\n\n img {\n max-width: 100%;\n }\n\n ${styledListOL};\n\n ${styledListUL};\n\n a {\n ${styledLink}\n }\n`;\n\nexport const Information = styled.div`\n ${styleLabelS};\n ${columnGap};\n color: var(${textColor});\n display: grid;\n grid-template-columns: repeat(2, [col-start] 1fr);\n\n svg {\n margin-right: 0.4375rem;\n }\n\n ${MQ.FROM_XL} {\n grid-template-columns: repeat(3, [col-start] 1fr);\n }\n`;\n\nexport const IconArrow = styled(Icon)`\n color: var(${linkColor});\n margin-right: 0.875rem;\n transition:\n margin-left 0.2s ease-in-out,\n color 0.2s ease-in-out;\n`;\n","import React, { ReactElement, useContext } from \"react\";\nimport { ThemeContext, ThemeProvider } from \"styled-components\";\n\nimport Icon from \"components/Icon\";\nimport { appendComponentWithNoBr } from \"utils/appendComponentWithNoBr\";\n\nimport {\n Wrapper,\n Container,\n Heading,\n HeadingArrow,\n Description,\n Information,\n} from \"./OpenPosition.styled\";\nimport OpenPositionProps from \"./OpenPositionProps\";\n\nconst OpenPosition = ({\n id,\n heading,\n description,\n lastApplicationDate,\n locations,\n url,\n theme,\n className,\n anchorName,\n}: OpenPositionProps): ReactElement => {\n const themeContext = useContext(ThemeContext);\n const identifier = id ? id.toString() : \"OpenPosition\";\n\n return (\n \n \n \n {heading && (\n \n {appendComponentWithNoBr(\n heading,\n ,\n )}\n \n )}\n {description && {description}}\n {description && (\n \n {locations && locations.length > 0 && (\n
\n \n {locations\n ?.map((location) => location.city)\n .join(\", \")}\n
\n )}\n {lastApplicationDate && (\n
\n \n {lastApplicationDate}\n
\n )}\n \n )}\n \n \n \n );\n};\n\nexport default React.memo(OpenPosition);\n"],"names":["textColor","theme","lightgray","blue","cyan","iconColor","linkColor","hoverColor","borderColor","Wrapper","styled","div","withConfig","componentId","Container","MQ","FROM_M","FROM_XL","HeadingArrow","Icon","Heading","Link","styleHeadingM","Description","p","styleBodyM","styledListOL","styledListUL","styledLink","Information","styleLabelS","columnGap","OpenPosition","id","heading","description","lastApplicationDate","locations","url","className","anchorName","themeContext","useContext","ThemeContext","identifier","toString","_jsx","ThemeProvider","children","_jsxs","to","exact","appendComponentWithNoBr","icon","length","map","location","city","join","React"],"sourceRoot":""}