{props.children}
;\r\n}\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Header\":\"Header--2TUzx\",\"Header-video\":\"Header-video--28LTz\",\"Header-logo\":\"Header-logo--HMtKT\",\"Header-heading\":\"Header-heading--TuL4q\",\"Header-content\":\"Header-content--1zcIH\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"CompactNav\":\"CompactNav--3Jw2b\",\"CompactNav-ul\":\"CompactNav-ul--3jMwT\",\"CompactNav-li\":\"CompactNav-li--3P1Te\",\"CompactNav-btn\":\"CompactNav-btn--2tEvn\",\"CompactNav-btn--blueDark\":\"CompactNav-btn--blueDark--YKlNf\",\"CompactNav-btn--blueMid\":\"CompactNav-btn--blueMid--1YGTb\",\"CompactNav-btn--blueLight\":\"CompactNav-btn--blueLight--1eKRB\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"ArticleHeader\":\"ArticleHeader--30vsw\",\"ArticleHeader-preHeading\":\"ArticleHeader-preHeading--k2mAL\",\"ArticleHeader-heading\":\"ArticleHeader-heading--38aa4\",\"ArticleHeader-close\":\"ArticleHeader-close--3dPCR\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"ChapterHeading\":\"ChapterHeading--2hFUo\",\"ChapterHeading-preHeading\":\"ChapterHeading-preHeading--2AfdM\",\"ChapterHeading-heading\":\"ChapterHeading-heading--3YOLX\"};","import React from \"react\";\r\nimport styles from \"./MediaTeaser.module.less\";\r\nimport Button from \"../Button/Button\";\r\n\r\nexport interface Props {\r\n heading: string;\r\n preHeading?: string;\r\n body?: string;\r\n image: string;\r\n linkText: string;\r\n linkTo: string;\r\n imagePosition?: \"left\" | \"right\";\r\n}\r\n\r\nexport default function MediaTeaser(props: Props) {\r\n return (\r\n \r\n 
\r\n
\r\n \r\n {props.preHeading ? {props.preHeading} : null}\r\n
\r\n {props.heading}
\r\n\r\n \r\n\r\n \r\n\r\n {props.preHeading ? {props.preHeading} : null}\r\n
\r\n );\r\n}\r\n\r\nexport default ChapterHeading;\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport styles from \"./Card.module.less\";\r\n\r\nexport interface Props {\r\n image?: string;\r\n preHeading?: string;\r\n heading: string;\r\n linkTo: string;\r\n backgroundColor: \"blueDark\" | \"blueMid\" | \"blueLight\";\r\n}\r\n\r\nfunction Card(props: Props) {\r\n const backgroundClass = styles[`Card--${props.backgroundColor}`];\r\n\r\n return (\r\n \r\n {props.heading}
\r\n{props.heading}
\r\n Read more\r\n \r\n );\r\n}\r\n\r\nexport default Card;\r\n","import React from \"react\";\r\nimport styles from \"./Grid.module.less\";\r\n\r\nexport interface Props {\r\n children: JSX.Element | JSX.Element[] | null;\r\n columns: number;\r\n}\r\n\r\nexport default function Grid(props: Props) {\r\n if (props.children === null) {\r\n return null;\r\n }\r\n return{props.children}
;\r\n}\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"PatternBackground\":\"PatternBackground--1VMfk\",\"PatternBackground--withOverflow\":\"PatternBackground--withOverflow--18n_O\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"CollapseContent-content\":\"CollapseContent-content--2u7Ev\",\"CollapseContent-btn\":\"CollapseContent-btn--UwNay\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Footer\":\"Footer--WNcNY\",\"Footer-copyright\":\"Footer-copyright--2a7oW\"};","import React, { useState, useEffect, useMemo, createRef } from \"react\";\r\nimport Header from \"../components/Header/Header\";\r\nimport { Chapter, getChapters, ChapterArticle } from \"../api/cocApi\";\r\nimport ChapterHeading from \"../components/ChapterHeading/ChapterHeading\";\r\nimport Card from \"../components/Card/Card\";\r\nimport Grid from \"../components/Grid/Grid\";\r\nimport Container from \"../components/Container/Container\";\r\nimport CompactNav from \"../components/CompactNav/CompactNav\";\r\nimport Media from \"react-media\";\r\nimport PatternBackground from \"../components/PatternBackground/PatternBackground\";\r\nimport MediaTeaser from \"../components/MediaTeaser/MediaTeaser\";\r\nimport { scrollToRef } from \"../common/scrollToRef\";\r\nimport Spacer from \"../components/Spacer/Spacer\";\r\nimport searchStyles from \"../common/Search.module.less\";\r\nimport Button from \"../components/Button/Button\";\r\n\r\nfunction Home() {\r\n const [chapters, setChapters] = useState\r\n setSearchQuery(e.target.value)}\r\n />\r\n
\r\n\r\n \r\n
\r\n )}\r\n \r\n ) : (\r\n chapters.map((chapter, chapterIndex) => (\r\n The search query did not match any articles.
\r\n \r\n\r\n \r\n\r\n \r\n {chapter.items.toArray().map((item, itemIndex) => (\r\n \r\n ))}\r\n \r\n
\r\n ))\r\n )}\r\n CEO and President\"\r\n linkText=\"Read more\"\r\n linkTo=\"/word-from-our-ceo\"\r\n image={process.env.PUBLIC_URL + \"/assets/ceo.jpg\"}\r\n />\r\n
Code of Conduct
\r\n\r\n
\r\n \r\n )}\r\n />\r\n \r\n A guide on how we act in our daily work, both as business partners, employers, employees\r\n and members of society.\r\n
\r\n{props.heading}
\r\n\r\n {props.onClose ? (\r\n \r\n ) : null}\r\n\r\n );\r\n}\r\n","import React from \"react\";\r\nimport styles from \"./Editorial.module.less\";\r\n\r\nexport default function Editorial(props: { className?: string, children: React.ReactNode }) {\r\n return ();\r\n\r\n useEffect(() => {\r\n if (props.match.params.slug) {\r\n getArticle(\"/\" + props.match.params.slug).then(c => setArticle(c));\r\n }\r\n }, [props.match.params.slug]);\r\n\r\n if (article == null) {\r\n return null;\r\n }\r\n\r\n return (\r\n <>\r\n \r\n\r\n {article.introduction ? (\r\n \r\n \r\n \r\n \r\n \r\n ) : null}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default Article;\r\n","import React from \"react\";\r\nimport styles from \"./HighlightBox.module.less\";\r\n\r\nexport interface Props {\r\n heading: string;\r\n content: string;\r\n}\r\n\r\nexport default function HighlightBox(props: Props) {\r\n return (\r\n setOpen(oldOpen => !oldOpen)\r\n })}\r\n >\r\n {!isOpen ? \"More +\" : \"Less -\"}\r\n \r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport styles from \"./FullWidthTeaser.module.less\";\r\nimport Container from \"../Container/Container\";\r\nimport Button from \"../Button/Button\";\r\n\r\nexport interface Props {\r\n heading: string;\r\n body: string;\r\n backgroundImage: string;\r\n linkText: string;\r\n linkTo: string;\r\n}\r\n\r\nexport default function FullWidthTeaser(props: Props) {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { ChapterArticle as ChapterArticleModel, getChapterArticle } from \"../api/cocApi\";\r\nimport { RouteComponentProps } from \"react-router-dom\";\r\nimport PatternBackground from \"../components/PatternBackground/PatternBackground\";\r\nimport HighlightBox from \"../components/HighlightBox/HighlightBox\";\r\nimport Container from \"../components/Container/Container\";\r\nimport Intro from \"../components/Intro/Intro\";\r\nimport ArticleHeader from \"../components/ArticleHeader/ArticleHeader\";\r\nimport Spacer from \"../components/Spacer/Spacer\";\r\nimport ArticleSection from \"../components/ArticleSection/ArticleSection\";\r\nimport QuestionAnswer from \"../components/QuestionAnswer/QuestionAnswer\";\r\nimport LinkList from \"../components/LinkList/LinkList\";\r\nimport ArticleNav from \"../components/ArticleNav/ArticleNav\";\r\nimport CollapseContent from \"../components/CollapseContent/CollapseContent\";\r\nimport FullWidthTeaser from \"../components/FullWidthTeaser/FullWidthTeaser\";\r\nimport LinkedListNode from \"ts-linked-list/dist/LinkedListNode\";\r\nimport Media from \"react-media\";\r\n\r\nexport interface Props extends RouteComponentProps<{ slug?: string }> {}\r\n\r\nexport default function ChapterArticle(props: Props) {\r\n const [chapterArticleNode, setChapterArticleNode] = useState>();\r\n\r\n useEffect(() => {\r\n if (props.match.params.slug) {\r\n getChapterArticle(props.match.params.slug).then(c => setChapterArticleNode(c));\r\n }\r\n }, [props.match.params.slug]);\r\n\r\n if (chapterArticleNode == null) {\r\n return null;\r\n }\r\n\r\n const chapterArticle = chapterArticleNode.data;\r\n\r\n return (\r\n <>\r\n \r\n props.history.push(\"/\")}\r\n />\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport styles from \"./BottomBar.module.less\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nexport default function BottomBar(props: { className?: string; onMenuOpen: () => void; onMenuClose: () => void }) {\r\n return (\r\n \r\n );\r\n}\r\n","// Source: https://github.com/ipatate/react-router-scroll-memory/blob/master/src/utils/utils.js\r\n\r\n/**\r\n * get the scroll of page\r\n * @return {number}\r\n */\r\nexport const getScrollPage = (): number => {\r\n let docScrollTop = 0;\r\n if (document.documentElement && document.documentElement !== null) {\r\n docScrollTop = document.documentElement.scrollTop;\r\n }\r\n return window.pageYOffset || docScrollTop;\r\n};\r\n\r\n/**\r\n * get the scroll of a parent element\r\n * @return {number}\r\n */\r\nexport const getScrollElement = (elementSelector: string): number => {\r\n let elemScrollTop = 0;\r\n const element = document.querySelector(elementSelector);\r\n if (element !== null) {\r\n elemScrollTop = element.scrollTop;\r\n }\r\n return elemScrollTop;\r\n};\r\n\r\n/**\r\n * scroll to y number of a page\r\n * @param {number} scrollnumber\r\n * @return {void}\r\n */\r\nexport const scrollTo = (scrollnumber: number = 0): number =>\r\n window.requestAnimationFrame(() => {\r\n window.scrollTo(0, scrollnumber);\r\n });\r\n\r\n/**\r\n * scroll to y number inside an element\r\n * @param {number} scrollnumber\r\n * @return {void}\r\n */\r\nexport const scrollToElement = (scrollnumber: number = 0, element: HTMLElement | null): void => {\r\n if (element) {\r\n element.scrollTop = scrollnumber;\r\n }\r\n};\r\n\r\n/**\r\n * verif if window exist\r\n * @return boolean\r\n */\r\nexport const isBrowser = (): boolean => typeof window !== \"undefined\";\r\n","// Source: https://github.com/ipatate/react-router-scroll-memory/blob/master/src/ScrollMemory.js\r\n// Modified it to allow scrollToElement to take a element selector instead\r\n\r\nimport { Component } from \"react\";\r\nimport { withRouter, RouteComponentProps } from \"react-router-dom\";\r\nimport { isBrowser, getScrollPage, getScrollElement, scrollTo, scrollToElement } from \"./utils/utils\";\r\n\r\ntype ScrollProps = {\r\n location: Object;\r\n elementSelector?: string;\r\n} & RouteComponentProps;\r\n\r\nclass ScrollMemory extends Component {\r\n // detectPop: () => void;\r\n url: Map;\r\n\r\n constructor(props: ScrollProps) {\r\n super(props);\r\n // add event for click on previous or next browser button\r\n this.detectPop = this.detectPop.bind(this);\r\n // stock location key with scroll associate\r\n this.url = new Map();\r\n }\r\n\r\n componentDidMount(): void {\r\n window.addEventListener(\"popstate\", this.detectPop);\r\n }\r\n\r\n componentWillUnmount(): void {\r\n window.removeEventListener(\"popstate\", this.detectPop);\r\n }\r\n\r\n shouldComponentUpdate(nextProps: ScrollProps): boolean {\r\n if (!isBrowser()) return false;\r\n\r\n const { location } = this.props;\r\n // location before change url\r\n const actual = location;\r\n // location after change url\r\n const next = nextProps.location;\r\n // the first page has not key, set \"enter\" for key\r\n const key = actual.key || \"enter\";\r\n\r\n // if hash => let the normal operation of the browser\r\n const locationChanged =\r\n (next.pathname !== actual.pathname || next.search !== actual.search) && next.hash === \"\";\r\n\r\n // get scroll of the page or the element before change location\r\n const scroll = this.props.elementSelector ? getScrollElement(this.props.elementSelector) : getScrollPage();\r\n\r\n if (locationChanged) {\r\n // pass page or element scroll to top\r\n this.props.elementSelector ? scrollToElement(0, document.querySelector(this.props.elementSelector)) : scrollTo(0);\r\n // save scroll with key location\r\n this.url.set(key, scroll);\r\n }\r\n // never render\r\n return false;\r\n }\r\n\r\n /**\r\n * callback for event popstate\r\n *\r\n * @memberof ScrollMemory\r\n */\r\n detectPop(location: PopStateEvent): void {\r\n if (!isBrowser()) return;\r\n\r\n const { state } = location;\r\n // key or enter page\r\n const key = state && state.key ? state.key : \"enter\";\r\n // get the next for scroll position\r\n const nextFind = this.url.get(key);\r\n\r\n // if find in url map => scroll to position\r\n if (nextFind) {\r\n this.props.elementSelector ? scrollToElement(nextFind, document.querySelector(this.props.elementSelector)) : scrollTo(nextFind);\r\n }\r\n }\r\n\r\n render() {\r\n return null;\r\n }\r\n}\r\n\r\nexport default withRouter(ScrollMemory);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport styles from \"./Menu.module.less\";\r\nimport Button from \"../Button/Button\";\r\nimport buttonStyles from \"../Button/Button.module.less\";\r\nimport { getChapters, Chapter } from \"../../api/cocApi\";\r\nimport { Link } from \"react-router-dom\";\r\nimport useCollapse from \"react-collapsed\";\r\n\r\nexport default function Menu(props: { className?: string; isOpen?: boolean; onClose?: () => void }) {\r\n const [chapters, setChapters] = useState([]);\r\n\r\n useEffect(() => {\r\n getChapters().then(c => setChapters(c));\r\n }, []);\r\n\r\n return (\r\n setOpen(oldOpen => !oldOpen)\r\n })}\r\n >\r\n Chapter {index + 1}\r\n {chapter.heading}\r\n \r\n\r\n ();\r\n\r\n return (\r\n \r\n \r\n\r\n setMenuOpen(!menuOpen)} onMenuClose={() => setMenuOpen(false)} />} />\r\n\r\n \r\n\r\n \r\n \r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport smoothscroll from \"smoothscroll-polyfill\";\r\nimport App from \"./views/App\";\r\nimport \"./index.less\";\r\n\r\nimport 'array-flat-polyfill';\r\n\r\nsmoothscroll.polyfill();\r\n\r\nReactDOM.render(, document.getElementById(\"root\"));\r\n"],"sourceRoot":""}
{props.children}
;\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport ArticleHeader from \"../components/ArticleHeader/ArticleHeader\";\r\nimport Container from \"../components/Container/Container\";\r\nimport Intro from \"../components/Intro/Intro\";\r\nimport PatternBackground from \"../components/PatternBackground/PatternBackground\";\r\nimport Spacer from \"../components/Spacer/Spacer\";\r\nimport Editorial from \"../components/Editorial/Editorial\";\r\nimport { RouteComponentProps } from \"react-router-dom\";\r\nimport { getArticle, Article as ArticleModel } from \"../api/cocApi\";\r\n\r\nexport interface Props extends RouteComponentProps<{ slug?: string }> {}\r\n\r\nfunction Article(props: Props) {\r\n const [article, setArticle] = useState\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport styles from \"./QuestionAnswer.module.less\";\r\n\r\nexport default function QuestionAnswer(props: { question: string; answer: string }) {\r\n return (\r\n {props.heading}
\r\n\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport styles from \"./ArticleSection.module.less\";\r\n\r\nexport interface Props {\r\n heading: string;\r\n headingImage?: string;\r\n children: React.ReactNode;\r\n borderless?: boolean;\r\n}\r\n\r\nexport default function ArticleSection(props: Props) {\r\n return (\r\n \r\n 
: null}\r\n
\r\n {props.heading}
\r\n {props.headingImage ?{props.children}
\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport styles from \"./LinkList.module.less\";\r\n\r\nexport interface Props {\r\n links: {\r\n text: string;\r\n url: string;\r\n }[];\r\n}\r\n\r\nexport default function Intro(props: Props) {\r\n return (\r\n \r\n Q: \r\n
\r\n\r\n A: \r\n
\r\n- \r\n {props.links.map((link, index) => (\r\n
- {link.text} \r\n ))}\r\n
\r\n {props.children}\r\n
\r\n\r\n {props.heading}
\r\n\r\n{props.body}
\r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n {matches => (\r\n \r\n
As an employee I am expected to
\r\n\r\n \r\n )}\r\n \r\n\r\n \r\n {matches => (\r\n \r\n
In addition, as a leader I am expected to
\r\n\r\n \r\n )}\r\n \r\n \r\n\r\n \r\n {chapterArticle.howToAct.map(faq => (\r\n \r\n ))}\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n {chapterArticle.definitions ? (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n ) : null}\r\n
\r\n \r\n 
\r\n \r\n\r\n
\r\n );\r\n}\r\n\r\nfunction MenuChapter({ chapter, index }: { chapter: Chapter; index: number }) {\r\n const [isOpen, setOpen] = useState(false);\r\n const { getCollapseProps, getToggleProps } = useCollapse({ isOpen });\r\n\r\n return (\r\n <>\r\n \r\n {chapters.map((chapter, index) => (\r\n
\r\n\r\n \r\n \r\n
\r\n ))}\r\n \r\n \r\n\r\n
\r\n - \r\n
- \r\n \r\n Responsibilities\r\n \r\n \r\n
- \r\n \r\n A word from our CEO\r\n \r\n \r\n
- \r\n \r\n Contact\r\n \r\n \r\n
- \r\n \r\n Declaration\r\n \r\n \r\n
- \r\n
\r\n
\r\n \r\n
© Business Sweden. All Rights Reserved
\r\n- \r\n {chapter.items.map(article => (\r\n
- \r\n \r\n {article.heading}\r\n \r\n \r\n ))}\r\n
\r\n \r\n \r\n setMenuOpen(false)}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n\r\n