\r\n {this.state.isOpen && children}\r\n
\r\n );\r\n\r\n render() {\r\n return this.props.children({\r\n Button: this.Button,\r\n Collapse: this.Collapse,\r\n isOpen: this.state.isOpen,\r\n toggle: this.toggle\r\n });\r\n }\r\n}\r\n\r\nexport default Accordion;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Accordion from 'components/accordion';\r\nimport Icon from 'components/icon';\r\n\r\nconst AccordionContainer = ({ accordion, buttonText, children }) => {\r\n return (\r\n \r\n \r\n {({ Button, Collapse, isOpen }) => (\r\n <>\r\n {buttonText && (\r\n \r\n )}\r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nAccordionContainer.propTypes = {\r\n accordion: PropTypes.exact(Accordion.propTypes),\r\n buttonText: PropTypes.string,\r\n children: PropTypes.node\r\n};\r\n\r\nAccordionContainer.propTypesMeta = 'exclude';\r\n\r\nexport default AccordionContainer;\r\n","const ReactComponent = {};\r\n\r\n// Empty propTypes needed in order for ReactComponent.cs to be generated.\r\nReactComponent.propTypes = {};\r\n\r\n// This component exists in order to generate ReactComponent.cs, and to be able to reference this class in propTypes. The ReactComponent C# class is used in order to have a type that matches any React component view model. It is used in ContentArea.jsx to describe 'componentData'.\r\n// 'ReactComponent' is used as the base class in all generated .cs-files (configurerd in CSharpWebpackPlugin options in webpack.config.js)\r\nexport default ReactComponent;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport supportedBlocks from './supported-blocks';\r\nimport BlockOPE from 'js/block-on-page-editing';\r\nimport { error } from 'js/log';\r\n\r\nimport ReactComponent from 'components/react-component';\r\n\r\nconst sizes = {\r\n fullScreen: '-size-full-screen',\r\n half: '-size-half',\r\n third: '-size-third',\r\n quarter: '-size-quarter',\r\n twoThirds: '-size-two-thirds'\r\n};\r\n\r\nconst themes = {\r\n noMargin: '-theme-no-margin',\r\n largeMargin: '-theme-large-margin'\r\n};\r\n\r\nconst ContentAreaItem = ({\r\n additionalComponentProps,\r\n blockNotSupportedText,\r\n componentName,\r\n componentData,\r\n enableElementSizing,\r\n isStaticLayout,\r\n id,\r\n onPageEditing,\r\n size,\r\n theme\r\n}) => {\r\n const Component = supportedBlocks()[componentName];\r\n\r\n if (!Component) {\r\n error(`😵 ContentArea does not support rendering of '${componentName}'.`);\r\n return blockNotSupportedText ? (\r\n {children}
\r\n \r\n {blockNotSupportedText} {componentName}\r\n
\r\n ) : null;\r\n }\r\n\r\n if (!componentData || !Object.keys(componentData).length) {\r\n return null;\r\n }\r\n\r\n const additionalProps = additionalComponentProps[componentName];\r\n\r\n const componentToRender = (\r\n \r\n
\r\n - \r\n {list.map((accordionBlock, idx) => (\r\n
- \r\n
\r\n
\r\n );\r\n};\r\n\r\nShareOptions.propTypes = {\r\n items: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n text: PropTypes.string,\r\n url: PropTypes.string,\r\n icon: PropTypes.oneOf(supportedProviders)\r\n })\r\n )\r\n};\r\n\r\nShareOptions.defaultProps = {\r\n items: []\r\n};\r\n\r\nShareOptions.propTypesMeta = 'exclude';\r\n\r\nShareOptions.themes = themes;\r\n\r\nexport default ShareOptions;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst Hyphenate = ({ text }) => {\r\n if (!text) return null;\r\n\r\n const shouldHyphenate = /¤¤/.test(text);\r\n return shouldHyphenate ? (\r\n \r\n {items.map(link => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n \r\n \r\n {link.text}\r\n \r\n
\r\n \r\n
\r\n )}\r\n {children}\r\n {text && {split(text)}}\r\n {icon && \r\n
\r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nDocumentIcon.propTypes = {\r\n iconTheme: PropTypes.oneOf(Object.keys(iconThemes)),\r\n size: PropTypes.oneOf(Object.values(sizes)),\r\n isRequired: PropTypes.bool,\r\n isBlack: PropTypes.bool,\r\n className: PropTypes.string\r\n};\r\n\r\nDocumentIcon.defaultProps = {\r\n iconTheme: 'fallback'\r\n};\r\n\r\nDocumentIcon.propTypesMeta = 'exclude';\r\n\r\nDocumentIcon.sizes = sizes;\r\n\r\nexport default DocumentIcon;\r\n","export default \"/Frontend/dist/doc.832207d9784996e0a878143e8f112097.svg\";","export default \"/Frontend/dist/doc-required.84724ee12538f1aa5db78a7c93068325.svg\";","export default \"/Frontend/dist/doc-black.57d856e878b287b2686bd3112352b5fe.svg\";","export default \"/Frontend/dist/pdf.3a4521e2251d96f054d294ec85ca224c.svg\";","export default \"/Frontend/dist/pdf-required.e7f820353166f443cbe814e63e58d5a2.svg\";","export default \"/Frontend/dist/pdf-black.9431bde22282fe2983814ecc32bcdf11.svg\";","export default \"/Frontend/dist/ppt.e20a7876416b11ab04264ad24b8bb601.svg\";","export default \"/Frontend/dist/ppt-required.463116ab00107fcf2bf5fe8b198bc6cf.svg\";","export default \"/Frontend/dist/ppt-black.4615497ae027cf6fc214d7fcaa2f933f.svg\";","export default \"/Frontend/dist/xls.7d6837b37efcee8f4d7cb4af5c6f6b09.svg\";","export default \"/Frontend/dist/xls-required.3c9a78e3ea00b6688110f5bef97a2dcd.svg\";","export default \"/Frontend/dist/xls-black.c93291b0f4854eeb973a8594fa88f43d.svg\";","export default \"/Frontend/dist/fallback.f2ad2ccb5daadbfa5d3ba3e704834a2a.svg\";","export default \"/Frontend/dist/fallback-required.1ff4dac13f3988658b39d0b35c6ebb5c.svg\";","export default \"/Frontend/dist/fallback-black.ca205789a9a54468e489b6c262fcde57.svg\";","export default \"/Frontend/dist/csv.e1364b12948e4d415853f820c9c4a13e.svg\";","export default \"/Frontend/dist/csv-required.f2087574d9a1bb6797417fa3083fa9a6.svg\";","export default \"/Frontend/dist/csv-black.38aca60d188f490766ec7970623c51a6.svg\";","export default \"/Frontend/dist/image.21f131299651c41f8c6e6e3a331efcbc.svg\";","export default \"/Frontend/dist/image-required.55eb2ebdc24463b975af205b3f2ba2b7.svg\";","export default \"/Frontend/dist/image-black.059543a36ff6f2a242eab8f44b739cdf.svg\";","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components/link';\r\nimport Heading from 'components/heading';\r\nimport DocumentIcon from 'components/document-icon';\r\nimport DownloadIcon from 'images/download-icon.svg';\r\nimport FluidImage from 'components/fluid-image';\r\nimport Icon from 'components/icon';\r\n\r\nimport cn from 'classnames';\r\nimport Button from 'components/button';\r\n\r\nconst themes = {\r\n narrow: '-theme-narrow',\r\n grey: '-theme-grey',\r\n prominent: '-theme-prominent'\r\n};\r\n\r\nconst DownloadList = ({\r\n groups,\r\n downloadAllText,\r\n downloadAllUrl,\r\n theme,\r\n requiredText\r\n}) => {\r\n return (\r\n \r\n {groups.map((group, index) => (\r\n
\r\n );\r\n};\r\n\r\nDownloadList.propTypes = {\r\n groups: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n heading: PropTypes.string,\r\n subheading: PropTypes.string,\r\n items: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n text: PropTypes.string,\r\n iconTheme: DocumentIcon.propTypes.iconTheme,\r\n url: PropTypes.string,\r\n isRequired: PropTypes.bool\r\n })\r\n )\r\n })\r\n ),\r\n downloadAllText: PropTypes.string,\r\n downloadAllUrl: PropTypes.string,\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n requiredText: PropTypes.string\r\n};\r\n\r\nDownloadList.defaultProps = {\r\n groups: []\r\n};\r\n\r\nDownloadList.propTypesMeta = 'exclude';\r\n\r\nDownloadList.themes = themes;\r\n\r\nexport default DownloadList;\r\n","export default \"/Frontend/dist/download-icon.79302a1ab1a3542a6c50a2cc258be20e.svg\";","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nclass TabTrapper extends React.Component {\r\n static propTypes = {\r\n children: PropTypes.node,\r\n isActive: PropTypes.bool\r\n };\r\n\r\n static propTypesMeta = 'exclude';\r\n\r\n state = {\r\n shiftKeyIsPressed: false\r\n };\r\n\r\n previouslyFocusedElement = null;\r\n\r\n componentDidMount() {\r\n window.addEventListener('keydown', this.onKeyDown);\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('keydown', this.onKeyDown);\r\n\r\n if (this.previouslyFocusedElement) {\r\n this.previouslyFocusedElement.focus();\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (!prevProps.isActive && this.props.isActive) {\r\n this.previouslyFocusedElement = document.activeElement;\r\n }\r\n\r\n if (\r\n prevProps.isActive &&\r\n !this.props.isActive &&\r\n this.previouslyFocusedElement\r\n ) {\r\n this.previouslyFocusedElement.focus();\r\n }\r\n }\r\n\r\n onKeyDown = e => {\r\n this.setState({ shiftKeyIsPressed: e.shiftKey });\r\n };\r\n\r\n trapFirst = () => {\r\n this.afterWrapper.focus();\r\n };\r\n\r\n trapLast = () => {\r\n this.beforeWrapper.focus();\r\n };\r\n\r\n render() {\r\n const buttonStyle = {\r\n position: 'absolute',\r\n width: 0,\r\n height: 0,\r\n left: '-999em',\r\n overflow: 'hidden',\r\n padding: 0,\r\n border: 'none'\r\n };\r\n\r\n return (\r\n \r\n {group.heading && (\r\n \r\n {group.heading}\r\n \r\n )}\r\n {group.subheading && (\r\n \r\n {group.subheading}\r\n \r\n )}\r\n
\r\n ))}\r\n {requiredText && (\r\n - \r\n {group.items.map(item => (\r\n
- \r\n \r\n\r\n\r\n {item.text}\r\n\r\n\r\n {item.size}\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 {downloadAllText && downloadAllUrl && (\r\n
\r\n \r\n
\r\n )}\r\n (this.beforeWrapper = div)} tabIndex={-1} />\r\n\r\n {this.props.children}\r\n\r\n
\r\n );\r\n};\r\n\r\nOptionsModal.propTypes = {\r\n shareContent: PropTypes.exact(ShareOptions.propTypes),\r\n downloadContent: PropTypes.exact(DownloadList.propTypes),\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n openButtonText: PropTypes.string,\r\n closeButtonLabel: PropTypes.string,\r\n className: PropTypes.string\r\n};\r\n\r\nOptionsModal.propTypesMeta = 'exclude';\r\n\r\nOptionsModal.themes = themes;\r\n\r\nexport default OptionsModal;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components/icon';\r\nimport cn from 'classnames';\r\n\r\nconst themes = {\r\n red: '-theme-red',\r\n blue: '-theme-blue',\r\n gray: '-theme-gray'\r\n};\r\n\r\nconst sizes = {\r\n wide: '-size-wide',\r\n small: '-size-small'\r\n};\r\n\r\nconst IconWarning = ({ className, theme, size }) => {\r\n const iconName = () => {\r\n let name = () => {\r\n switch (theme) {\r\n case themes.blue:\r\n return 'i';\r\n case themes.red:\r\n return 'warning-triangle';\r\n default:\r\n return 'warning-circle';\r\n }\r\n };\r\n return `${name()}`;\r\n };\r\n\r\n return (\r\n (this.afterWrapper = div)} tabIndex={-1} />\r\n {this.props.isActive && (\r\n \r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default TabTrapper;\r\n","import React, { useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Button from 'components/button';\r\nimport Icon from 'components/icon';\r\nimport ShareOptions from 'components/share-options';\r\nimport DownloadList from 'components/download-list';\r\nimport TabTrapper from 'components/modal/tab-trapper';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport useOutsideClick from 'js/hooks/use-outside-click';\r\n\r\nconst themes = {\r\n isArticleHeader: '-is-article-header',\r\n isProposalOrEvent: '-is-proposal-or-event',\r\n isTextWithSidebar: '-is-text-with-sidebar',\r\n isPageFooter: '-is-page-footer'\r\n};\r\n\r\nconst OptionsModal = ({\r\n theme,\r\n openButtonText,\r\n closeButtonLabel,\r\n shareContent,\r\n downloadContent,\r\n className\r\n}) => {\r\n const [show, setShow] = React.useState(false);\r\n const openModal = () => setShow(true);\r\n const closeModal = () => setShow(false);\r\n\r\n const clickOutsideRef = useRef();\r\n useOutsideClick(clickOutsideRef, () => {\r\n closeModal();\r\n });\r\n\r\n const iconBeforeChildren = theme => {\r\n if (theme === themes.isTextWithSidebar) return 'share-small';\r\n if (theme === themes.isArticleHeader) return 'share-new-profile-small';\r\n return undefined;\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n {openButtonText}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {shareContent &&
\r\n \r\n \r\n
\r\n )}\r\n \r\n {} : onClick}\r\n >\r\n {title && (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }}\r\n \r\n {iconWarning && (\r\n \r\n {title}\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nAccordionWithContentAreaList.propTypes = {\r\n content: PropTypes.arrayOf(\r\n PropTypes.exact(AccordionWithContentArea.propTypes)\r\n ),\r\n description: PropTypes.string,\r\n htmlId: PropTypes.string,\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n richText: PropTypes.exact(RichText.propTypes),\r\n title: PropTypes.string,\r\n themeTags: PropTypes.arrayOf(PropTypes.string),\r\n text: PropTypes.string\r\n};\r\n\r\nAccordionWithContentAreaList.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default AccordionWithContentAreaList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components/icon';\r\nimport Link from 'components/link/link';\r\n\r\nconst Announcement = ({ groupTag, title, subTitle, links }) => {\r\n return (\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {description &&
\r\n {content &&\r\n content.map(acc => (\r\n {description}
}\r\n {themeTags && !!themeTags.length && (\r\n\r\n {themeTags.map((tag, index) => (\r\n \r\n {tag}\r\n \r\n ))}\r\n
\r\n )}\r\n {text && !themeTags && {text}
}\r\n\r\n {richText &&\r\n
\r\n );\r\n};\r\n\r\nAnnouncement.propTypes = {\r\n title: PropTypes.string,\r\n subTitle: PropTypes.string,\r\n groupTag: PropTypes.string,\r\n links: PropTypes.arrayOf(Link.propTypes)\r\n};\r\n\r\nAnnouncement.defaultProps = {\r\n links: []\r\n};\r\n\r\nexport default Announcement;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport propTypeTheme from 'utils/prop-type-theme';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nconst themes = {\r\n border: '-theme-border'\r\n};\r\n\r\nconst Byline = ({ items, theme }) => (\r\n \r\n
\r\n \r\n
\r\n {links.length > 0 && (\r\n {title}
\r\n{subTitle}
\r\n\r\n {links.map(link => (\r\n
\r\n )}\r\n \r\n {link.label}\r\n \r\n {link.text}\r\n \r\n
\r\n ))}\r\n \r\n {items.map(item =>\r\n item.text || item.onPageEditing ? (\r\n \r\n {item.text}\r\n
\r\n ) : null\r\n )}\r\n \r\n);\r\n\r\nByline.propTypes = {\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n onPageEditing: PropTypes.string,\r\n text: PropTypes.string\r\n })\r\n ),\r\n theme: PropTypes.oneOf(Object.values(themes))\r\n};\r\n\r\nByline.defaultProps = {\r\n items: [],\r\n theme: []\r\n};\r\n\r\nByline.propTypesMeta = 'exclude';\r\n\r\nByline.themes = themes;\r\n\r\nexport default Byline;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Link from 'components/link';\r\n\r\nconst element = (\r\n isLink,\r\n url,\r\n trackUrl,\r\n noHover,\r\n className,\r\n children,\r\n ref,\r\n attributes\r\n) =>\r\n React.createElement(\r\n isLink ? Link : 'div',\r\n isLink\r\n ? { url, trackUrl, noHoverEffect: noHover, className, ref, attributes }\r\n : { className, ref },\r\n children\r\n );\r\n\r\nconst LinkWrapper = (shouldWrapInLink, url, trackUrl) => {\r\n const OuterLink = ({\r\n children,\r\n className,\r\n refer,\r\n noHoverEffect = true,\r\n attributes\r\n }) =>\r\n element(\r\n shouldWrapInLink,\r\n url,\r\n trackUrl,\r\n noHoverEffect,\r\n cn({ 'link-wrapper__outer-link': shouldWrapInLink }, className),\r\n children,\r\n refer,\r\n attributes\r\n );\r\n\r\n OuterLink.propTypes = {\r\n className: PropTypes.string,\r\n children: PropTypes.node,\r\n refer: PropTypes.func,\r\n noHoverEffect: PropTypes.bool\r\n };\r\n\r\n const InnerLink = ({ children, className }) =>\r\n element(\r\n !shouldWrapInLink,\r\n url,\r\n trackUrl,\r\n false,\r\n cn({ 'link-wrapper__inner-link': shouldWrapInLink }, className),\r\n children\r\n );\r\n\r\n InnerLink.propTypes = {\r\n children: PropTypes.node,\r\n className: PropTypes.string\r\n };\r\n\r\n return {\r\n OuterLink,\r\n InnerLink\r\n };\r\n};\r\n\r\nLinkWrapper.propTypesMeta = 'exclude';\r\n\r\nexport default LinkWrapper;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst Published = ({ type, date }) => {\r\n return (\r\n \r\n {`${type}:`}\r\n {date}\r\n
\r\n );\r\n};\r\n\r\nPublished.propTypes = {\r\n type: PropTypes.string,\r\n date: PropTypes.string\r\n};\r\n\r\nexport default Published;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Link from 'components/link';\r\n\r\nconst TagLinkList = ({ tags, leftAligned }) => (\r\n - \r\n {tags.map((tag, index) => (\r\n
- \r\n {tag.text}\r\n \r\n ))}\r\n
\r\n
\r\n );\r\n};\r\n\r\nListItemImage.propTypes = {\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n size: PropTypes.oneOf(Object.values(sizes))\r\n};\r\n\r\nListItemImage.propTypesMeta = 'exclude';\r\n\r\nListItemImage.sizes = sizes;\r\n\r\nexport default ListItemImage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport propTypeTheme from 'utils/prop-type-theme';\r\n\r\nimport cn from 'classnames';\r\nimport Link from 'components/link';\r\n\r\nconst themes = {\r\n vertical: '-theme-vertical',\r\n verticalVacancies: '-theme-vertical -theme-vertical--vacancies'\r\n};\r\n\r\nconst Metadata = ({ items, theme }) => (\r\n \r\n
\r\n - \r\n {items.map(item => (\r\n
- {`${item.label}:`} \r\n
- \r\n {item.url ? : item.text}\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nEventImage.propTypes = {\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n background: PropTypes.oneOf(Object.keys(normalBackgrounds)),\r\n darkFilter: PropTypes.bool,\r\n greyFilter: PropTypes.bool\r\n};\r\n\r\nEventImage.propTypesMeta = 'exclude';\r\n\r\nexport default EventImage;\r\n","export default \"/Frontend/dist/event-background.25eafb415758def8aed2dd07b155a846.svg\";","export default \"/Frontend/dist/event-background2.9d252e312baaa510efdf5013d36edac1.svg\";","export default \"/Frontend/dist/event-background3.c976a1d90fb2a5ac79908f6c508e8c29.svg\";","export default \"/Frontend/dist/event-background4.0407e82e67683bd9731ade02f9affe43.svg\";","export default \"/Frontend/dist/event-background-grey.62cab507874d5c5f29befcd057c47fbe.svg\";","export default \"/Frontend/dist/event-background2-grey.70d10ce309c2115285bf1e1c480ed353.svg\";","export default \"/Frontend/dist/event-background3-grey.0dbed48825df42bbba51a7e3672af12d.svg\";","export default \"/Frontend/dist/event-background4-grey.5eaf7d50c1183a60e72fa10cc90c9919.svg\";","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Byline from 'components/byline';\r\nimport Heading from 'components/heading';\r\nimport LinkWrapper from 'components/link-wrapper';\r\nimport Published from 'components/published';\r\nimport TagLinkList from 'components/tag-link-list';\r\nimport TagList from 'components/tag-list';\r\nimport ListItemImage from 'components/list-item-image';\r\nimport FluidImage from 'components/fluid-image';\r\nimport Link from 'components/link';\r\nimport propTypeTheme from 'utils/prop-type-theme';\r\nimport Metadata from 'components/metadata';\r\nimport DocumentIcon from 'components/document-icon';\r\nimport EventImage from 'components/event-image/event-image';\r\nimport doesContain from 'js/utils/doesContain';\r\n\r\nconst themes = {\r\n noMargin: '-theme-no-margin',\r\n withBorder: '-theme-with-border',\r\n squareImage: '-theme-square-image',\r\n sidebar: '-theme-sidebar',\r\n vertical: '-theme-vertical',\r\n publication: '-theme-publication'\r\n};\r\n\r\nconst ArticleBlock = ({\r\n byline,\r\n headingLevel,\r\n image,\r\n text,\r\n theme,\r\n title,\r\n published,\r\n linkTags,\r\n tags,\r\n usedInSidebar,\r\n metadata,\r\n icon,\r\n documentImage,\r\n eventImage\r\n}) => {\r\n const { OuterLink, InnerLink } = LinkWrapper(true, title.url);\r\n const isPublication = doesContain(theme, themes.publication);\r\n\r\n return (\r\n \r\n {image && !isPublication && (\r\n
\r\n \r\n );\r\n};\r\n\r\nArticleBlock.propTypes = {\r\n byline: PropTypes.exact(Byline.propTypes),\r\n headingLevel: PropTypes.number,\r\n title: PropTypes.exact(Link.propTypes),\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n text: PropTypes.string,\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n published: PropTypes.exact(Published.propTypes),\r\n linkTags: PropTypes.exact(TagLinkList.propTypes),\r\n tags: PropTypes.exact(TagList.propTypes),\r\n usedInSidebar: PropTypes.bool,\r\n metadata: PropTypes.exact(Metadata.propTypes),\r\n icon: PropTypes.exact(DocumentIcon.propTypes),\r\n documentImage: PropTypes.exact(FluidImage.propTypes),\r\n eventImage: PropTypes.exact(EventImage.propTypes)\r\n};\r\n\r\nArticleBlock.propTypesMeta = 'exclude';\r\n\r\nArticleBlock.defaultProps = {\r\n headingLevel: 2\r\n};\r\n\r\nArticleBlock.themes = themes;\r\n\r\nexport default ArticleBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nconst DataTagList = ({ list }) => {\r\n return (\r\n \r\n
\r\n )}\r\n \r\n {icon && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n {tags && \r\n {title.text && (\r\n \r\n {title.text}\r\n \r\n )}\r\n \r\n {published &&
\r\n {text}
}\r\n {linkTags &&- \r\n {list.map((tag, idx) => (\r\n
{label}
;\r\n};\r\n\r\nImageTag.propTypesMeta = 'exclude';\r\nImageTag.propTypes = {\r\n label: PropTypes.string\r\n};\r\n\r\nexport default ImageTag;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport FluidImage from 'components/fluid-image';\r\nimport Heading from 'components/heading';\r\nimport Link from 'components/link';\r\nimport DataTagList from 'components/data-tag-list';\r\nimport EventImage from 'components/event-image';\r\nimport ImageTag from 'components/image-tag';\r\n\r\nconst Card = ({\r\n link,\r\n image,\r\n preTitle,\r\n title,\r\n text,\r\n imageTag,\r\n dataTagList,\r\n eventImage = {},\r\n isEvent\r\n}) => {\r\n const LinkOrDiv = link ? 'a' : 'div';\r\n const linkProps = link\r\n ? {\r\n href: link.url,\r\n 'aria-label': link.label\r\n }\r\n : undefined;\r\n\r\n return (\r\n \r\n {imageTag &&
\r\n )}\r\n\r\n \r\n {preTitle && (\r\n \r\n {title}\r\n \r\n )}\r\n {text &&
\r\n \r\n \r\n \r\n
\r\n )}\r\n {title && (\r\n {text}
}\r\n {dataTagList &&\r\n \r\n {AutoGridItem =>\r\n list &&\r\n list.map(articleCard => (\r\n \r\n \r\n ))\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nArticleCardList.propTypes = {\r\n list: PropTypes.arrayOf(PropTypes.exact(Card.propTypes))\r\n};\r\n\r\nexport default ArticleCardList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Accordion from 'components/accordion';\r\nimport Byline from 'components/byline';\r\nimport Link from 'components/link';\r\nimport OptionsModal from 'components/options-modal';\r\n\r\nconst ArticleHeader = ({ accordion, byline, links, share, isLargeArticle }) => {\r\n return (\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n {byline.items[0].text}
\r\n\r\n
\r\n \r\n \r\n
\r\n )}\r\n {links &&\r\n links.map(link => (\r\n \r\n
\r\n ))}\r\n \r\n
\r\n )}\r\n\r\n {/* Desktop version */}\r\n \r\n
\r\n \r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n {share && (\r\n \r\n )}\r\n {links &&\r\n links.map(link => (\r\n
\r\n \r\n \r\n
\r\n ))}\r\n \r\n {children}\r\n
\r\n \r\n {children}\r\n
\r\n);\r\n\r\nContentWithSidebar.Content.displayName = 'ContentWithSidebar.Content';\r\n\r\nContentWithSidebar.Content.propTypes = {\r\n className: PropTypes.string,\r\n children: PropTypes.node\r\n};\r\n\r\n\r\nContentWithSidebar.Sidebar = ({ className, children }) => (\r\n \r\n);\r\n\r\nContentWithSidebar.Sidebar.displayName = 'ContentWithSidebar.Sidebar';\r\n\r\nContentWithSidebar.Sidebar.propTypes = {\r\n className: PropTypes.string,\r\n children: PropTypes.node\r\n};\r\n\r\n\r\nContentWithSidebar.Header = ({ className, children }) => (\r\n \r\n {children}\r\n
\r\n);\r\n\r\nContentWithSidebar.Header.displayName = 'ContentWithSidebar.Header';\r\n\r\nContentWithSidebar.Header.propTypes = {\r\n className: PropTypes.string,\r\n children: PropTypes.node\r\n};\r\n\r\nexport default ContentWithSidebar;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Byline from 'components/byline';\r\nimport Link from 'components/link';\r\nimport OptionsModal from 'components/options-modal';\r\n\r\nimport cn from 'classnames';\r\n\r\nconst PageFooter = ({ byline, download, share }) => (\r\n \r\n
\r\n \r\n);\r\n\r\nPageFooter.propTypes = {\r\n byline: PropTypes.exact(Byline.propTypes),\r\n download: PropTypes.exact(Link.propTypes),\r\n share: PropTypes.exact(OptionsModal.propTypes)\r\n};\r\n\r\nPageFooter.defaultProps = {\r\n byline: {\r\n items: []\r\n }\r\n};\r\n\r\nexport default PageFooter;\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport useOnIntersect from 'js/hooks/use-on-intersect';\r\nimport getNewSrc from 'js/responsive-images';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nconst Image = ({\r\n alt,\r\n className,\r\n initialSize,\r\n onPageEditing,\r\n responsive,\r\n src\r\n}) => {\r\n const image = React.useRef();\r\n const [currentSrc, setSrc] = React.useState(undefined);\r\n\r\n useOnIntersect(image, () => {\r\n const parentNode = image.current.parentElement;\r\n\r\n if (responsive) {\r\n setSrc(getNewSrc(src, parentNode.offsetWidth || initialSize));\r\n } else {\r\n setSrc(src);\r\n }\r\n });\r\n\r\n return (\r\n \r\n {!!byline.items.length &&
\r\n \r\n {download && (\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n )}\r\n {share && (\r\n {title}
}\r\n\r\n {(ingress || onPageEditing.ingress) && (\r\n \r\n
\r\n )}\r\n {ingress}
\r\n\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nVolumeSlider.propTypes = {\r\n volume: PropTypes.number,\r\n setVolume: PropTypes.func,\r\n close: PropTypes.func\r\n};\r\n\r\nVolumeSlider.propTypesMeta = 'exclude';\r\n\r\nexport default VolumeSlider;\r\n","import React, { useRef, useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport useSlider from 'js/hooks/use-slider';\r\nimport resizeHook from 'js/hooks/resize';\r\n\r\nconst PlayerTimeline = ({ progress, setTime, className }) => {\r\n const forceUpdate = useState()[1];\r\n resizeHook(forceUpdate);\r\n\r\n const timelineRef = useRef();\r\n const { value, activate, activateKeys, deactivateKeys, isActive } = useSlider(\r\n timelineRef\r\n );\r\n\r\n const progressInPxs =\r\n timelineRef.current && progress * timelineRef.current.offsetWidth;\r\n\r\n useEffect(() => {\r\n value && setTime(value);\r\n }, [value]);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nPlayerTimeline.propTypes = {\r\n progress: PropTypes.number,\r\n setTime: PropTypes.func\r\n};\r\n\r\nPlayerTimeline.propTypesMeta = 'exclude';\r\n\r\nexport default PlayerTimeline;\r\n","import React, { useState, useRef, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Icon from 'components/icon';\r\nimport Button from 'components/button';\r\nimport VolumeSlider from './volume-slider';\r\nimport PlayerTimeline from './player-timeline';\r\n\r\nconst timeString = val => {\r\n const toDoubleDigits = n => (n.length < 2 ? `0${n}` : n);\r\n const seconds = parseInt(val);\r\n\r\n const sec = (seconds % 60).toString();\r\n const min = Math.floor(seconds / 60).toString();\r\n\r\n return `${toDoubleDigits(min)}:${toDoubleDigits(sec)}`;\r\n};\r\n\r\nconst AudioPlayer = ({ url, labels = {}, altText }) => {\r\n if (!url) return null;\r\n const [volume, setVolume] = useState(0.5);\r\n const [isPlaying, setIsPlaying] = useState(false);\r\n const [secondsPlayed, setSecondsPlayed] = useState(0);\r\n const [secondsTotal, setSecondsTotal] = useState(0);\r\n const [showVolumeSlider, setShowVolumeSlider] = useState(false);\r\n\r\n const audioPlayer = useRef();\r\n const volumeBtn = useRef();\r\n\r\n useEffect(() => {\r\n isPlaying ? audioPlayer.current.play() : audioPlayer.current.pause();\r\n }, [isPlaying]);\r\n\r\n useEffect(() => {\r\n audioPlayer.current.volume = volume;\r\n }, [volume]);\r\n\r\n useEffect(() => {\r\n volumeBtn.current.addEventListener('touchstart', function (e) {\r\n e.preventDefault; // Prevents scrolling\r\n setShowVolumeSlider(true);\r\n });\r\n }, []);\r\n\r\n const setTime = value => {\r\n const newTime = value * secondsTotal;\r\n audioPlayer.current.currentTime = newTime;\r\n };\r\n\r\n return (\r\n \r\n \r\n setSecondsPlayed(e.target.currentTime)}\r\n onCanPlay={e => setSecondsTotal(e.target.duration)}\r\n >\r\n {altText}\r\n \r\n
\r\n \r\n setIsPlaying(prevState => !prevState)}\r\n icon={isPlaying ? 'stop' : 'play'}\r\n iconFill\r\n attributes={{ 'aria-label': isPlaying ? labels.pause : labels.play }}\r\n />\r\n \r\n {timeString(secondsPlayed)}/{timeString(secondsTotal)}\r\n \r\n\r\n setShowVolumeSlider(true)}\r\n onTouchEnd={() => setShowVolumeSlider(false)}\r\n onFocus={() => setShowVolumeSlider(true)}\r\n onBlur={() => setShowVolumeSlider(false)}\r\n ref={volumeBtn}\r\n tabIndex={0}\r\n >\r\n {showVolumeSlider && (\r\n setShowVolumeSlider(false)}\r\n />\r\n )}\r\n
\r\n {children}
\r\n {enable && (\r\n \r\n \r\n
\r\n \r\n \r\n )\r\n);\r\n\r\nMessage.propTypes = {\r\n className: PropTypes.string,\r\n text: PropTypes.exact(HtmlString.propTypes),\r\n theme: IconWarning.propTypes.theme,\r\n disableHTMLStringTabbing: PropTypes.bool\r\n};\r\n\r\nMessage.propTypesMeta = 'exclude';\r\n\r\nMessage.themes = IconWarning.themes;\r\n\r\nexport default Message;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Accordion from 'components/accordion';\r\nimport ContentContainer from 'components/content-container';\r\nimport Icon from 'components/icon';\r\nimport Link from 'components/link';\r\nimport Message from 'components/message';\r\n\r\nconst Breadcrumbs = ({ accordion, currentPage, items, translationLabel, root }) => {\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {description && (\r\n
\r\n \r\n );\r\n\r\n return (\r\n <>\r\n {isProminent ? (\r\n {description}
\r\n )}\r\n\r\n {content}\r\n
\r\n ) : (\r\n \r\n {list &&\r\n list.map((campaignBlock, index) => (\r\n
\r\n);\r\n\r\nCampaignBlockList.propTypes = {\r\n list: PropTypes.arrayOf(PropTypes.exact(CampaignBlock.propTypes))\r\n};\r\n\r\nexport default CampaignBlockList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\nimport transform from 'css-transform-string';\r\n\r\nimport clamp from '@creuna/utils/clamp';\r\n\r\nclass Carousel extends React.Component {\r\n static propTypes = {\r\n children: PropTypes.node,\r\n className: PropTypes.string,\r\n nextLabel: PropTypes.string,\r\n nextButton: PropTypes.func,\r\n numberOfSlidesToShow: PropTypes.number,\r\n previousButton: PropTypes.func,\r\n previousLabel: PropTypes.string,\r\n startIndex: PropTypes.number,\r\n theme: PropTypes.oneOf([PropTypes.object, PropTypes.array])\r\n };\r\n\r\n static defaultProps = {\r\n numberOfSlidesToShow: 1,\r\n startIndex: 0\r\n };\r\n\r\n static propTypesMeta = 'exclude';\r\n\r\n getNewState = newIndex => {\r\n const numberOfItems = React.Children.count(this.props.children);\r\n const slidesToShow = this.props.numberOfSlidesToShow;\r\n const lastIndex = Math.round(Math.max(0, numberOfItems - slidesToShow));\r\n const newIndexClamped = clamp(newIndex, 0, lastIndex);\r\n\r\n return {\r\n currentIndex: newIndexClamped,\r\n currentIndexRounded: Math.round(newIndexClamped),\r\n hasNextItem: newIndexClamped < lastIndex,\r\n hasPreviousItem: newIndexClamped > 0\r\n };\r\n };\r\n\r\n state = Object.assign(\r\n {\r\n isDragging: false,\r\n isMounted: false,\r\n shouldShowNavigation: React.Children.count(this.props.children) > 1\r\n },\r\n this.getNewState(this.props.startIndex)\r\n );\r\n\r\n onTouchEnd = startPropName => {\r\n this.goToItem(this.state.currentIndex);\r\n this[startPropName] = undefined;\r\n this.travel = 0;\r\n this.previousX = 0;\r\n };\r\n\r\n onTouchMove = (e, touch, startPropName, wrapperWidth, travelModifier = 1) => {\r\n this.isZoomed = Math.abs(window.innerWidth - this.initialScreenWidth) > 10;\r\n\r\n if (this.isAnimating || this.isZoomed || this.hasMultiTouch || !touch) {\r\n return;\r\n }\r\n\r\n const xDiff = this[startPropName] - touch.clientX;\r\n\r\n if (Math.abs(xDiff) > 5) {\r\n e.preventDefault();\r\n }\r\n\r\n if (Math.abs(touch.clientX - this.previousX) > 20) {\r\n this.hasFastSwipe = true;\r\n this.fastSwipeModifier = xDiff > 0 ? 1 : -1;\r\n }\r\n\r\n this.previousX = touch.clientX;\r\n this.travel = this.hasFastSwipe\r\n ? this.fastSwipeModifier\r\n : (xDiff / wrapperWidth) * travelModifier;\r\n this.isAnimating = true;\r\n\r\n this.setState({ isDragging: !this.hasFastSwipe }, () => {\r\n this.setState(\r\n this.getNewState(this.indexOnTouchStart + this.travel),\r\n () => {\r\n this.isAnimating = false;\r\n }\r\n );\r\n });\r\n };\r\n\r\n onTouchStart = (touch, startPropName) => {\r\n if (!touch) {\r\n return;\r\n }\r\n\r\n this[startPropName] = touch.clientX;\r\n this.fastSwipeModifier = 0;\r\n this.hasFastSwipe = false;\r\n this.indexOnTouchStart = this.state.currentIndex;\r\n this.previousX = touch.clientX;\r\n this.travel = 0;\r\n this.setState({ isDragging: true });\r\n };\r\n\r\n onItemsWrapperTouchEnd = () => {\r\n this.onTouchEnd('itemsTouchStartX');\r\n };\r\n\r\n onItemsWrapperTouchMove = e => {\r\n this.hasMultiTouch = e.touches.length > 1;\r\n\r\n this.onTouchMove(\r\n e,\r\n e.touches[0],\r\n 'itemsTouchStartX',\r\n this.itemsWrapper.offsetWidth\r\n );\r\n };\r\n\r\n onItemsWrapperTouchStart = e => {\r\n this.onTouchStart(e.touches[0], 'itemsTouchStartX');\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n const children = React.Children.toArray(this.props.children);\r\n const prevChildren = React.Children.toArray(prevProps.children);\r\n const childrenDidChange =\r\n children.length !== prevChildren.length ||\r\n children.some(\r\n (c, i) => !prevChildren[i] || c.key !== prevChildren[i].key\r\n );\r\n\r\n if (\r\n childrenDidChange ||\r\n this.props.numberOfSlidesToShow !== prevProps.numberOfSlidesToShow\r\n ) {\r\n this.setState(this.getNewState(prevProps.startIndex));\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ isMounted: true });\r\n\r\n this.initialScreenWidth = window.innerWidth;\r\n\r\n if (this.itemsWrapper) {\r\n this.itemsWrapper.addEventListener(\r\n 'touchend',\r\n this.onItemsWrapperTouchEnd\r\n );\r\n this.itemsWrapper.addEventListener(\r\n 'touchmove',\r\n this.onItemsWrapperTouchMove\r\n );\r\n this.itemsWrapper.addEventListener(\r\n 'touchstart',\r\n this.onItemsWrapperTouchStart\r\n );\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.itemsWrapper) {\r\n this.itemsWrapper.removeEventListener(\r\n 'touchend',\r\n this.onItemsWrapperTouchEnd\r\n );\r\n this.itemsWrapper.removeEventListener(\r\n 'touchmove',\r\n this.onItemsWrapperMove\r\n );\r\n this.itemsWrapper.removeEventListener(\r\n 'touchstart',\r\n this.onItemsWrapperStart\r\n );\r\n }\r\n }\r\n\r\n goToItem = newIndex => {\r\n this.setState(\r\n Object.assign({}, this.getNewState(Math.round(newIndex)), {\r\n isDragging: false\r\n })\r\n );\r\n };\r\n\r\n goToNextItem = () => {\r\n this.goToItem(this.state.currentIndex + 1);\r\n };\r\n\r\n goToPreviousItem = () => {\r\n this.goToItem(this.state.currentIndex - 1);\r\n };\r\n\r\n handleOnItemFocus = index => {\r\n // Scroll item into view if outside\r\n this.itemsWrapper.scroll({ left: 0 }); // Prevents automatic scroll-focus-target-to-view\r\n const isTargetOutsideView =\r\n index >= this.state.currentIndex + this.props.numberOfSlidesToShow ||\r\n index < this.state.currentIndex;\r\n if (isTargetOutsideView) {\r\n this.setState(this.getNewState(index));\r\n // Manually scroll page in Y axis\r\n const distanceToTopOfPage =\r\n this.itemsWrapper.getBoundingClientRect().top +\r\n window.pageYOffset -\r\n window.innerHeight / 2;\r\n window.scrollTo(0, distanceToTopOfPage);\r\n }\r\n };\r\n\r\n render() {\r\n const slidesToShow = this.props.numberOfSlidesToShow;\r\n const slidesCount = React.Children.count(this.props.children);\r\n const currentSlide = this.state.currentIndexRounded;\r\n\r\n const x = this.state.currentIndex;\r\n const itemWidth = 100 / slidesCount;\r\n\r\n return slidesCount === 0 ? null : (\r\n \r\n {this.state.shouldShowNavigation &&\r\n (this.props.previousButton ? (\r\n this.props.previousButton(\r\n this.goToPreviousItem,\r\n this.state.hasPreviousItem\r\n )\r\n ) : (\r\n \r\n {this.props.previousLabel}\r\n \r\n ))}\r\n (this.itemsWrapper = e)}\r\n >\r\n \r\n {React.Children.map(this.props.children, (child, index) => (\r\n this.handleOnItemFocus(index)}\r\n >\r\n {child}\r\n \r\n ))}\r\n \r\n
\r\n {this.state.shouldShowNavigation &&\r\n (this.props.nextButton ? (\r\n this.props.nextButton(this.goToNextItem, this.state.hasNextItem)\r\n ) : (\r\n - \r\n {items.map(item => (\r\n
- {`${item.label}:`} \r\n
- \r\n {item.text.map(paragraphs => (\r\n
\r\n {paragraphs.map(line => (\r\n {line}\r\n ))}\r\n
\r\n ))}\r\n \r\n \r\n ))}\r\n
- \r\n {dates.map((date, index) => (\r\n
\r\n
\r\n );\r\n};\r\n\r\nCategoryListItem.propTypes = {\r\n cardData: PropTypes.shape(Card.propTypes),\r\n linkTags: PropTypes.exact(TagLinkList.propTypes)\r\n};\r\n\r\nexport default CategoryListItem;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst EmptyList = ({ text }) => (\r\n \r\n
\r\n \r\n {cardData.preTitle && (\r\n {cardData.title} \r\n \r\n )}\r\n {cardData.dataTagList &&
\r\n {linkTags && \r\n \r\n \r\n
\r\n )}\r\n\r\n {cardData.title && (\r\n \r\n {cardData.text}
}\r\n\r\n
\r\n);\r\n\r\nEmptyList.propTypes = {\r\n text: PropTypes.string\r\n};\r\nexport default EmptyList;\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst InputControlled = ({ checked, name, onChange, value, id, dataId }) => {\r\n const [isChecked, setIsChecked] = useState(!!checked);\r\n\r\n const updateChecked = e => {\r\n setIsChecked(state => !state);\r\n onChange(e);\r\n };\r\n\r\n useEffect(() => {\r\n if (checked === undefined) return;\r\n setIsChecked(checked);\r\n }, [dataId]);\r\n\r\n return (\r\n <>\r\n {text}
\r\n\r\n
\r\n );\r\n};\r\n\r\nCheckbox.propTypes = {\r\n checked: PropTypes.bool,\r\n className: PropTypes.string,\r\n label: PropTypes.string.isRequired,\r\n name: PropTypes.string.isRequired,\r\n onChange: PropTypes.func,\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n value: PropTypes.string,\r\n isControlled: PropTypes.bool,\r\n dataId: PropTypes.number\r\n};\r\n\r\nCheckbox.defaultProps = {\r\n label: '',\r\n theme: themes.blue\r\n};\r\n\r\nCheckbox.propTypesMeta = 'exclude';\r\n\r\nCheckbox.themes = themes;\r\n\r\nexport default Checkbox;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Accordion from 'components/accordion';\r\nimport Checkbox from 'components/form-elements/checkbox';\r\nimport Icon from 'components/icon';\r\n\r\nconst FilterGroup = ({\r\n accordion,\r\n options,\r\n title,\r\n updateFilterOptions,\r\n isDesktop,\r\n dataId\r\n}) => {\r\n const container = React.useRef();\r\n\r\n return !isDesktop ? (\r\n \r\n \r\n \r\n {title}\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n )}\r\n \r\n {title}\r\n
\r\n \r\n\r\n \r\n
\r\n - \r\n {options.map(option => (\r\n
- \r\n
- \r\n {option.subOptions.map(subOption => (\r\n
\r\n ))}\r\n
\r\n
\r\n );\r\n};\r\n\r\nFilterGroup.propTypes = {\r\n accordion: PropTypes.exact(Accordion.propTypes),\r\n parent: PropTypes.node,\r\n options: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n checked: PropTypes.bool,\r\n name: PropTypes.string,\r\n label: PropTypes.string,\r\n value: PropTypes.string,\r\n subOptions: PropTypes.arrayOf(PropTypes.exact(Checkbox.propTypes))\r\n })\r\n ),\r\n title: PropTypes.string,\r\n setSearchQueryParameterHelper: PropTypes.func,\r\n isDesktop: PropTypes.bool,\r\n dataId: PropTypes.number,\r\n updateFilterOptions: PropTypes.func\r\n};\r\n\r\nFilterGroup.defaultProps = {\r\n options: []\r\n};\r\n\r\nFilterGroup.propTypesMeta = 'exclude';\r\n\r\nexport default FilterGroup;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Icon from 'components/icon';\r\n\r\nconst themes = {\r\n hiddenLabel: '-theme-hidden-label',\r\n inverted: '-theme-inverted',\r\n small: '-theme-small',\r\n rounded: '-theme-rounded'\r\n};\r\n\r\nconst ifWrapWithIcon = (input, icon, fill) => {\r\n if (!icon) return input;\r\n return (\r\n \r\n {title &&
\r\n {title}
}\r\n - \r\n {options.map(option => (\r\n
- \r\n
- \r\n {option.subOptions.map(subOption => (\r\n
\r\n ))}\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst TextInput = React.forwardRef((props, ref) => {\r\n const {\r\n attributes,\r\n className,\r\n controlled,\r\n idPrefix,\r\n label,\r\n name,\r\n onChange,\r\n placeholder,\r\n theme,\r\n type,\r\n validationError,\r\n value,\r\n icon,\r\n iconFill\r\n } = props;\r\n\r\n const id = `input-${idPrefix}-${name}`;\r\n const valueProp = controlled ? { value } : { defaultValue: value };\r\n\r\n return (\r\n \r\n {label && }\r\n {validationError && (\r\n
\r\n );\r\n});\r\n\r\nTextInput.propTypes = {\r\n attributes: PropTypes.shape(typeof Object),\r\n className: PropTypes.string,\r\n controlled: PropTypes.bool,\r\n idPrefix: PropTypes.string,\r\n label: PropTypes.string,\r\n name: PropTypes.string.isRequired,\r\n onChange: PropTypes.func,\r\n placeholder: PropTypes.string,\r\n // eslint-disable-next-line @creuna/prop-types-csharp/all\r\n theme: PropTypes.oneOfType([\r\n PropTypes.oneOf(Object.values(themes)),\r\n PropTypes.arrayOf(PropTypes.oneOf(Object.values(themes)))\r\n ]),\r\n type: PropTypes.string,\r\n validationError: PropTypes.string,\r\n // eslint-disable-next-line @creuna/prop-types-csharp/all\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n icon: PropTypes.string,\r\n iconFill: PropTypes.bool\r\n};\r\n\r\nTextInput.propTypesMeta = 'exclude';\r\n\r\nTextInput.defaultProps = {\r\n attributes: {},\r\n idPrefix: '',\r\n onChange: () => {},\r\n type: 'text'\r\n};\r\n\r\nTextInput.themes = themes;\r\n\r\nexport default TextInput;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\nimport debounce from 'lodash/debounce';\r\nimport clamp from '@creuna/utils/clamp';\r\nimport rangeMap from '@creuna/utils/range-map';\r\n\r\nimport Button from 'components/button';\r\nimport TextInput from 'components/form-elements/text-input';\r\n\r\nclass RangeSlider extends React.Component {\r\n static propTypes = {\r\n className: PropTypes.string,\r\n from: PropTypes.exact(TextInput.propTypes).isRequired,\r\n label: PropTypes.string.isRequired,\r\n max: PropTypes.number.isRequired,\r\n min: PropTypes.number.isRequired,\r\n submit: PropTypes.exact(Button.propTypes).isRequired,\r\n to: PropTypes.exact(TextInput.propTypes).isRequired\r\n };\r\n\r\n static propTypesMeta = 'exclude';\r\n\r\n static defaultProps = {\r\n from: {},\r\n to: {}\r\n };\r\n\r\n state = {\r\n draggingFrom: false,\r\n draggingTo: false,\r\n from: parseInt(this.props.from.value) || this.props.min,\r\n screenLeft: 0,\r\n to: parseInt(this.props.to.value) || this.props.max,\r\n width: 0\r\n };\r\n\r\n // Intentional duplicate of state equivalents. On mouseup, these are both set to false. The state equivalents are not reset on mouseup, to allow positioning the last modified knob on top\r\n draggingFrom = false;\r\n draggingTo = false;\r\n\r\n measure = () => {\r\n if (!this.slider) {\r\n return;\r\n }\r\n\r\n this.setState({\r\n width: this.slider.offsetWidth,\r\n screenLeft: this.slider.getBoundingClientRect().left\r\n });\r\n };\r\n\r\n clampFrom = (value, state) => {\r\n return clamp(value, this.props.min, state.to - 1);\r\n };\r\n\r\n clampTo = (value, state) => {\r\n return clamp(value, state.from + 1, this.props.max);\r\n };\r\n\r\n setFrom = e => {\r\n e.persist();\r\n this.setState(state => ({\r\n from: this.clampFrom(parseInt(e.target.value), state)\r\n }));\r\n };\r\n\r\n setTo = e => {\r\n e.persist();\r\n this.setState(state => ({\r\n to: this.clampTo(parseInt(e.target.value), state)\r\n }));\r\n };\r\n\r\n onDrag = xPosition => {\r\n if (!this.draggingFrom && !this.draggingTo) {\r\n return;\r\n }\r\n\r\n this.setState(state => {\r\n const position = xPosition - state.screenLeft;\r\n const value = Math.round(\r\n rangeMap(position, 0, state.width, this.props.min, this.props.max)\r\n );\r\n\r\n if (state.draggingFrom) {\r\n return { from: this.clampFrom(value, state) };\r\n }\r\n\r\n if (state.draggingTo) {\r\n return { to: this.clampTo(value, state) };\r\n }\r\n });\r\n };\r\n\r\n onMouseMove = e => {\r\n this.onDrag(e.clientX);\r\n };\r\n\r\n onTouchMove = e => {\r\n this.onDrag(e.touches[0].clientX);\r\n };\r\n\r\n onFromMouseDown = () => {\r\n this.draggingFrom = true;\r\n this.setState({ draggingFrom: true, draggingTo: false });\r\n };\r\n\r\n onToMouseDown = () => {\r\n this.draggingTo = true;\r\n this.setState({ draggingFrom: false, draggingTo: true });\r\n };\r\n\r\n resetDragging = () => {\r\n this.draggingFrom = false;\r\n this.draggingTo = false;\r\n };\r\n\r\n onResize = debounce(this.measure, 100);\r\n\r\n componentDidMount() {\r\n window.addEventListener('resize', this.onResize);\r\n window.addEventListener('mouseup', this.resetDragging);\r\n window.addEventListener('touchend', this.resetDragging);\r\n window.addEventListener('mousemove', this.onMouseMove);\r\n window.addEventListener('touchmove', this.onTouchMove);\r\n this.measure();\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('resize', this.onResize);\r\n window.removeEventListener('mouseup', this.resetDragging);\r\n window.removeEventListener('touchend', this.resetDragging);\r\n window.removeEventListener('mousemove', this.onMouseMove);\r\n window.removeEventListener('touchmove', this.onTouchMove);\r\n }\r\n\r\n render() {\r\n const { min, max } = this.props;\r\n const { from, to } = this.state;\r\n\r\n // Positions in percent\r\n const fromPosition = ((from - min) / (max - min)) * 100;\r\n const toPosition = ((to - min) / (max - min)) * 100;\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default RangeSlider;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst Spinner = ({ isActive }) => {\r\n if (!isActive) return null;\r\n return (\r\n {validationError}
\r\n )}\r\n {ifWrapWithIcon(\r\n \r\n
\r\n );\r\n};\r\n\r\nSpinner.propTypes = {\r\n isActive: PropTypes.bool\r\n};\r\n\r\nSpinner.propTypesMeta = 'exclude';\r\n\r\nexport default Spinner;\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components/button';\r\nimport Icon from 'components/icon';\r\nimport Checkbox from 'components/form-elements/checkbox';\r\nimport FilterGroup from './filter-group';\r\nimport RangeSlider from 'components/range-slider';\r\nimport useIsScreenSize from 'js/hooks/use-is-screen-size';\r\nimport Spinner from 'components/spinner';\r\n\r\nconst Filters = ({\r\n checkboxes,\r\n items,\r\n labels,\r\n rangeFilter,\r\n fetchFilteredResults,\r\n title,\r\n close,\r\n mobileTitle,\r\n isLoading,\r\n dataId,\r\n updateFilterQuery\r\n}) => {\r\n const [isResetting, setIsResetting] = useState();\r\n const [isMounted, setIsMounted] = useState();\r\n const [searchQueryParameter, setSearchQueryParameter] = useState({\r\n ...getInitialSearchQueryParameter(items),\r\n ...getInitialSearchQueryParameter([{ options: checkboxes }])\r\n });\r\n const isDesktop = useIsScreenSize('lg');\r\n\r\n useEffect(() => {\r\n if (updateFilterQuery) updateFilterQuery(searchQueryParameter);\r\n }, [searchQueryParameter]);\r\n\r\n const setSearchQueryParameterHelper = e => {\r\n const { name, value, checked } = e.target;\r\n setSearchQueryParameter(prevState => ({\r\n ...prevState,\r\n [name]: checked\r\n ? prevState[name].concat(value)\r\n : prevState[name].filter(item => item !== value)\r\n }));\r\n };\r\n\r\n function getInitialSearchQueryParameter(items) {\r\n let result = {};\r\n items.map(item => {\r\n item.options.map(option => {\r\n let target = option.name;\r\n if (!(target in result)) {\r\n result[target] = [];\r\n }\r\n if (option.checked) {\r\n result[target] = result[target].concat(option.value);\r\n }\r\n });\r\n });\r\n return result;\r\n }\r\n\r\n useEffect(() => {\r\n isMounted && fetchFilteredResults(searchQueryParameter);\r\n }, [searchQueryParameter]);\r\n\r\n useEffect(() => {\r\n setIsMounted(true);\r\n }, []);\r\n\r\n useEffect(() => {\r\n !isLoading && isResetting && setIsResetting(false);\r\n }, [isLoading]);\r\n\r\n const deselectItems = () => {\r\n setIsResetting(true);\r\n setSearchQueryParameter(state =>\r\n Object.keys(state).reduce(\r\n (acc, key) => ({\r\n ...acc,\r\n [key]: []\r\n }),\r\n {}\r\n )\r\n );\r\n };\r\n\r\n return (\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 {!isDesktop ? (\r\n
\r\n );\r\n};\r\n\r\nFilters.propTypes = {\r\n checkboxes: PropTypes.arrayOf(PropTypes.exact(Checkbox.propTypes)),\r\n items: PropTypes.arrayOf(PropTypes.shape(FilterGroup.propTypes)),\r\n labels: PropTypes.exact({\r\n showResults: PropTypes.string,\r\n reset: PropTypes.string,\r\n closeDialog: PropTypes.string\r\n }),\r\n rangeFilter: PropTypes.exact(RangeSlider.propTypes),\r\n fetchFilteredResults: PropTypes.func,\r\n title: PropTypes.string,\r\n close: PropTypes.func,\r\n mobileTitle: PropTypes.string,\r\n isLoading: PropTypes.bool,\r\n dataId: PropTypes.number,\r\n updateFilterQuery: PropTypes.func\r\n};\r\n\r\nFilters.defaultProps = {\r\n checkboxes: [],\r\n items: [],\r\n labels: {}\r\n};\r\n\r\nFilters.propTypesMeta = 'exclude';\r\n\r\nexport default Filters;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Transition from 'react-tiny-transition';\r\nimport cn from 'classnames';\r\n\r\nimport useIsScreenSize from 'js/hooks/use-is-screen-size';\r\n\r\nimport Button from 'components/button';\r\nimport ContentWithSidebar from 'components/content-with-sidebar';\r\nimport Filters from 'components/filters';\r\nimport ContentArea from 'components/content-area';\r\nimport useBlockScrolling from 'js/hooks/use-block-scrolling';\r\nimport ContentContainer from 'components/content-container';\r\n\r\nconst FilterLayout = ({\r\n children,\r\n contentArea,\r\n filters,\r\n topContent,\r\n includeBottomBorder,\r\n className,\r\n fetchFilteredResults,\r\n isLeft,\r\n isLoading,\r\n updateFilterQuery\r\n}) => {\r\n const [mobileFiltersVisible, setMobileFiltersVisible] = React.useState(false);\r\n const isDesktop = useIsScreenSize('lg');\r\n\r\n useBlockScrolling(mobileFiltersVisible);\r\n return (\r\n \r\n {mobileTitle}\r\n close()}\r\n type=\"button\"\r\n >\r\n \r\n {labels.closeDialog}\r\n \r\n \r\n
\r\n ) : (\r\n title && {title}
\r\n )}\r\n \r\n {items &&\r\n items.map(item => (\r\n \r\n {labels.reset}\r\n \r\n {rangeFilter && (\r\n
\r\n {!isDesktop && labels.showResults && (\r\n \r\n \r\n {labels.showResults}\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n {filters && (\r\n setMobileFiltersVisible(!mobileFiltersVisible)}\r\n icon={mobileFiltersVisible ? 'close-small' : 'filter-small'}\r\n iconFill\r\n text={filters.mobileTitle}\r\n />\r\n )}\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {topContent}\r\n
\r\n \r\n \r\n setMobileFiltersVisible(false)}\r\n updateFilterQuery={updateFilterQuery}\r\n isLoading={isLoading}\r\n />\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n {contentArea && \r\n {title && onCheck(e, i)}\r\n theme={Checkbox.themes.blue}\r\n {...checkbox}\r\n />\r\n ))}\r\n
\r\n );\r\n};\r\n\r\nCheckboxGroup.propTypes = {\r\n title: PropTypes.string,\r\n options: PropTypes.arrayOf(PropTypes.exact(Checkbox.propTypes)),\r\n validationError: PropTypes.string,\r\n setIsChecked: PropTypes.func,\r\n required: PropTypes.bool,\r\n requiredText: PropTypes.exact(Message.propTypes),\r\n setMessage: PropTypes.func\r\n};\r\n\r\nexport default CheckboxGroup;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components/icon';\r\nimport ContentArea from 'components/content-area';\r\nimport Heading from 'components/heading';\r\n\r\nconst ContactBlock = ({ items, onPageEditing, title }) => (\r\n {title}
}\r\n {validationError && (\r\n\r\n {validationError}\r\n
\r\n )}\r\n\r\n {options.map((checkbox, i) => (\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n
\r\n);\r\n\r\nContactBlock.propTypes = {\r\n items: PropTypes.exact(ContentArea.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n title: PropTypes.string\r\n};\r\n\r\nContactBlock.defaultProps = {\r\n items: [],\r\n onPageEditing: {}\r\n};\r\n\r\nexport default ContactBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport OPE from 'js/on-page-editing';\r\nimport Link from 'components/link';\r\n\r\nconst getDetailType = details => {\r\n return {\r\n regText: details\r\n .filter(x => !x.hasOwnProperty('url'))\r\n .map(elem => ),\r\n links: details\r\n .filter(x => x.hasOwnProperty('url'))\r\n .map(elem => )\r\n };\r\n};\r\n\r\nconst ContactInfo = ({ details, onPageEditing, title }) => (\r\n \r\n
\r\n);\r\n\r\nContactInfo.propTypes = {\r\n details: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n title: PropTypes.string.isRequired\r\n};\r\n\r\nContactInfo.propTypesMeta = 'exclude';\r\n\r\nContactInfo.defaultProps = {\r\n onPageEditing: {},\r\n details: []\r\n};\r\n\r\nexport default ContactInfo;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components/link';\r\nimport Heading from 'components/heading';\r\n\r\nconst ContactListItem = ({ title, contactLists = [], onPageEditing = {} }) => {\r\n return (\r\n {title}
\r\n {getDetailType(details).regText.length > 0 && (\r\n- {getDetailType(details).regText}
- {getDetailType(details).links}
\r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {contactLists.map(({ name, email, phone }) => (\r\n
\r\n );\r\n};\r\n\r\nContactListItem.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n contactLists: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n name: PropTypes.exact({\r\n text: PropTypes.string,\r\n position: PropTypes.string\r\n }),\r\n email: PropTypes.exact(Link.propTypes),\r\n phone: PropTypes.exact(Link.propTypes)\r\n })\r\n ),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n })\r\n};\r\n\r\nexport default ContactListItem;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport ContactListItem from 'components/contact-list/contact-list-item';\r\n\r\nconst ContactList = ({ contactGroups = [] }) => {\r\n return (\r\n \r\n
\r\n ))}\r\n \r\n {name && {name.text}}\r\n {name.position &&
\r\n {name.position}
}\r\n {email && }
\r\n {phone && }
\r\n \r\n {contactGroups.map(contactGroup => (\r\n
\r\n );\r\n};\r\n\r\nContactList.propTypes = {\r\n contactGroups: PropTypes.arrayOf(PropTypes.exact(ContactListItem.propTypes))\r\n};\r\n\r\nexport default ContactList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components/link';\r\nimport RichText from 'components/rich-text';\r\n\r\nconst MapPopup = ({ address, link, title }) => (\r\n \r\n {title &&
\r\n);\r\n\r\nMapPopup.propTypes = {\r\n address: PropTypes.exact(RichText.propTypes),\r\n link: PropTypes.exact(Link.propTypes),\r\n title: PropTypes.string\r\n};\r\n\r\nexport default MapPopup;\r\n","// See https://developers.google.com/maps/documentation/javascript/styling for examples of styling.\r\n// See https://developers.google.com/maps/documentation/javascript/style-reference for element types reference\r\n\r\nexport default {\r\n gestureHandling: 'cooperative',\r\n disableDefaultUI: true,\r\n styles: [\r\n {\r\n featureType: 'landscape',\r\n elementType: 'geometry',\r\n stylers: [{ color: '#E8ECEE' }]\r\n },\r\n {\r\n featureType: 'water',\r\n elementType: 'geometry',\r\n stylers: [{ color: '#9EE6F4' }]\r\n }\r\n ]\r\n};\r\n","import React from 'react';\r\nimport ReactDOMServer from 'react-dom/server';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport isRunningOnClient from '@creuna/utils/is-running-on-client';\r\nconst { Loader } = isRunningOnClient ? require('google-maps') : {};\r\n\r\nimport Button from 'components/button';\r\nimport MapPopup from './map-popup';\r\n\r\nimport mapOptions from './map-options';\r\nimport markerIcon from 'images/map-marker.png';\r\n\r\nclass Map extends React.Component {\r\n static propTypes = {\r\n googleMapsAPIKey: PropTypes.string.isRequired,\r\n labels: PropTypes.exact({\r\n zoomIn: PropTypes.string,\r\n zoomOut: PropTypes.string\r\n }),\r\n markers: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n name: PropTypes.string.isRequired,\r\n latitude: PropTypes.number.isRequired,\r\n longitude: PropTypes.number.isRequired,\r\n popup: PropTypes.exact(MapPopup.propTypes)\r\n })\r\n )\r\n };\r\n\r\n static defaultProps = {\r\n labels: {},\r\n markers: []\r\n };\r\n\r\n static propTypesMeta = 'exclude';\r\n\r\n state = {};\r\n\r\n google = null;\r\n map = null;\r\n\r\n getBounds = markers => {\r\n const google = this.google;\r\n const bounds = new google.maps.LatLngBounds(); //loop through all markers and create bounds\r\n\r\n if (markers && markers.length) {\r\n markers.forEach(marker => {\r\n bounds.extend(\r\n new google.maps.LatLng(marker.latitude, marker.longitude)\r\n );\r\n });\r\n }\r\n\r\n return bounds;\r\n };\r\n\r\n fitMapToMarkers = markers => {\r\n const bounds = this.getBounds(markers);\r\n\r\n if (markers.length === 1) {\r\n this.map.setCenter(bounds.getCenter());\r\n this.map.setZoom(16);\r\n } else {\r\n // fit to bounds\r\n this.map.fitBounds(bounds);\r\n }\r\n };\r\n\r\n zoomIn = () => {\r\n this.map.setZoom(this.map.getZoom() + 1);\r\n };\r\n\r\n zoomOut = () => {\r\n this.map.setZoom(this.map.getZoom() - 1);\r\n };\r\n\r\n componentDidMount() {\r\n const loader = new Loader(this.props.googleMapsAPIKey);\r\n loader.load().then(google => {\r\n this.google = google;\r\n this.map = new google.maps.Map(this.wrapper, mapOptions);\r\n\r\n this.fitMapToMarkers(this.props.markers);\r\n const popupsAndMarkers = this.props.markers.map(marker => {\r\n return {\r\n popup: new google.maps.InfoWindow({\r\n content: ReactDOMServer.renderToString(\r\n {title}
}\r\n\r\n
\r\n\r\n \r\n \r\n \r\n {title && !image && !map && (\r\n
\r\n );\r\n};\r\n\r\nPageHeader.propTypes = {\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n ingress: PropTypes.string,\r\n portfolioLinks: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n map: PropTypes.exact(Map.propTypes),\r\n title: PropTypes.string,\r\n tags: PropTypes.exact(Tags.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string,\r\n ingress: PropTypes.string,\r\n links: PropTypes.string\r\n })\r\n};\r\n\r\nPageHeader.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default PageHeader;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport RichText from 'components/rich-text';\r\n\r\nconst themes = {\r\n noPadding: '-theme-no-padding'\r\n};\r\n\r\nconst RichTextBlock = ({ text, theme }) => (\r\n (this.wrapper = div)} />\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Map;\r\n","export default \"/Frontend/dist/map-marker.a9b8a60a636e1deacceb512ebc4e2808.png\";","/* eslint-disable react/no-multi-comp */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst Tags = ({ list }) => {\r\n return (\r\n \r\n
\r\n \r\n {list &&\r\n list.map(tag => (\r\n
\r\n );\r\n};\r\n\r\nTags.propTypes = {\r\n list: PropTypes.arrayOf(PropTypes.string)\r\n};\r\n\r\nexport default Tags;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components/button';\r\nimport FluidImage from 'components/fluid-image';\r\nimport Link from 'components/link';\r\nimport Map from 'components/map';\r\nimport Tags from 'components/tags';\r\nimport OPE from 'js/on-page-editing';\r\nimport hyphenate from 'js/utils/hyphenate';\r\n\r\nimport cn from 'classnames';\r\n\r\nconst PageHeader = ({\r\n image,\r\n ingress,\r\n map,\r\n tags,\r\n title,\r\n portfolioLinks,\r\n onPageEditing\r\n}) => {\r\n return (\r\n \r\n {tag}\r\n
\r\n ))}\r\n \r\n {title && (image || map) && (\r\n
\r\n )}\r\n {(image || map) && (\r\n \r\n {ingress}\r\n
\r\n )}\r\n {portfolioLinks && (\r\n\r\n {portfolioLinks.map((link, index) => (\r\n
\r\n )}\r\n {tags && \r\n {!map &&
\r\n )}\r\n \r\n
\r\n);\r\n\r\nRichTextBlock.propTypes = {\r\n text: PropTypes.exact(RichText.propTypes)\r\n};\r\n\r\nRichTextBlock.propTypesMeta = 'exclude';\r\n\r\nRichTextBlock.themes = themes;\r\n\r\nexport default RichTextBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport Button from 'components/button';\r\nimport Image from 'components/image';\r\nimport Link from 'components/link';\r\nimport ContentContainer from 'components/content-container';\r\n\r\nimport hyphenate from 'js/utils/hyphenate';\r\n\r\nconst styleProps = (hasSingleLink, index) => {\r\n if (hasSingleLink)\r\n return { theme: Link.themes.actionLink, useButtonStyles: false };\r\n if (index === 0)\r\n return { theme: Button.themes.primary, useButtonStyles: true };\r\n if (index === 1)\r\n return { theme: Button.themes.secondary, useButtonStyles: true };\r\n};\r\n\r\nconst PortfolioHeader = ({\r\n image,\r\n title,\r\n description,\r\n links,\r\n onPageEditing = {},\r\n isPageHeader\r\n}) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nPortfolioHeader.propTypes = {\r\n image: PropTypes.exact(Image.propTypes),\r\n links: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n onPageEditing: PropTypes.exact({\r\n links: PropTypes.string,\r\n numbers: PropTypes.string,\r\n text: PropTypes.string\r\n }),\r\n title: PropTypes.string,\r\n description: PropTypes.string,\r\n isPageHeader: PropTypes.bool\r\n};\r\n\r\nPortfolioHeader.propTypesMeta = 'exclude';\r\n\r\nexport default PortfolioHeader;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport ContentArea from 'components/content-area';\r\nimport ContentContainer from 'components/content-container';\r\nimport HtmlString from 'components/html-string';\r\nimport PageHeader from 'components/page-header';\r\nimport RichTextBlock from 'components/rich-text-block';\r\nimport PortfolioHeader from 'components/portfolio-header';\r\n\r\nconst narrowTextProps = {\r\n HtmlString: { theme: HtmlString.themes.narrow },\r\n};\r\n\r\nconst ContentAreaPage = ({ content, pageHeader, portfolioHeader }) => (\r\n \r\n
\r\n \r\n \r\n {links &&\r\n links.map((link, index) => (\r\n
\r\n \r\n {title && !isPageHeader && (\r\n \r\n )}\r\n {description && (\r\n
\r\n {title}
\r\n )}\r\n {title && isPageHeader && (\r\n{description}
\r\n )}\r\n\r\n
\r\n \r\n
\r\n \r\n {portfolioHeader && \r\n \r\n
\r\n);\r\n\r\nContentAreaPage.propTypes = {\r\n content: PropTypes.exact(ContentArea.propTypes),\r\n pageHeader: PropTypes.exact(PageHeader.propTypes),\r\n portfolioHeader: PropTypes.exact(PortfolioHeader.propTypes)\r\n};\r\n\r\nexport default ContentAreaPage;\r\n","import React from 'react';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst CrmEmbedBlock = ({ src }) => {\r\n return ;\r\n};\r\n\r\nCrmEmbedBlock.propTypes = {\r\n src: PropTypes.string.isRequired\r\n};\r\n\r\nCrmEmbedBlock.propTypesMeta = 'exclude';\r\n\r\nexport default CrmEmbedBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Image from 'components/image';\r\n\r\nconst CtaLink = ({ image, text, url }) => (\r\n \r\n \r\n {items.map(({ url, icon, text }) => {\r\n const { OuterLink } = LinkWrapper(url, url);\r\n return (\r\n \r\n \r\n
\r\n);\r\n\r\nDateCardMedia.propTypes = {\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n text: PropTypes.string,\r\n icon: PropTypes.oneOf(Object.keys(supportedIcons)).isRequired,\r\n url: PropTypes.string\r\n })\r\n ),\r\n className: PropTypes.string\r\n};\r\n\r\nDateCardMedia.defaultProps = {\r\n items: []\r\n};\r\n\r\nDateCardMedia.propTypesMeta = 'exclude';\r\n\r\nexport default DateCardMedia;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nconst themes = {\r\n isActive: '-is-active',\r\n isCompleted: '-is-completed',\r\n resultIsPublished: '-result-is-published',\r\n isCanceled: '-is-canceled',\r\n isPlanned: '-is-planned'\r\n};\r\n\r\nconst DateCardStatus = ({ theme, centered, text }) => (\r\n \r\n \r\n
\r\n);\r\n\r\nconst DateCardTags = ({ accordion, items, numberOfVisibleItems }) => {\r\n if (!accordion) {\r\n return {items.map(Item)}
;\r\n }\r\n\r\n const visibleItems = items.slice(0, numberOfVisibleItems);\r\n const hiddenItems = items.slice(numberOfVisibleItems);\r\n\r\n return (\r\n \r\n {visibleItems.map(Item)}\r\n {hiddenItems.length > 0 && (\r\n \r\n {({ Button: AccordionButton, Collapse }) => (\r\n \r\n {hiddenItems.map(Item)} \r\n\r\n \r\n )}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nDateCardTags.propTypes = {\r\n accordion: PropTypes.exact(Accordion.propTypes),\r\n items: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n numberOfVisibleItems: PropTypes.number\r\n};\r\n\r\nDateCardTags.defaultProps = {\r\n items: [],\r\n numberOfVisibleItems: 4\r\n};\r\n\r\nexport default DateCardTags;\r\n","/* eslint-disable no-unused-vars */\r\n/* eslint-disable react/no-multi-comp */\r\nimport React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport useResize from 'js/hooks/resize';\r\n\r\nconst ChildHoF = setHeight => {\r\n const Child = ({ children, className }) => {\r\n const forceUpdate = useState()[1];\r\n\r\n useResize(forceUpdate);\r\n\r\n return (\r\n \r\n
\r\n \r\n {children(ChildHoF(setHeight))}\r\n
\r\n );\r\n};\r\n\r\nHeightOfChild.propTypes = {\r\n children: PropTypes.func,\r\n className: PropTypes.string\r\n};\r\n\r\nHeightOfChild.propTypesMeta = 'exclude';\r\n\r\nexport default HeightOfChild;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nconst themes = {\r\n small: '-theme-small',\r\n medium: '-theme-medium'\r\n};\r\n\r\nconst DateField = ({ date, transparent, theme }) => {\r\n return (\r\n \r\n
\r\n )}\r\n \r\n {labels.pastDate}\r\n
\r\n )}\r\n {datesTitle}
\r\n )}\r\n {!!dates.length && (\r\n \r\n {dates.map((date, index) => (\r\n
\r\n )}\r\n {datesDescription && (\r\n \r\n \r\n {Child => (\r\n \r\n {date.month}\r\n \r\n )}\r\n \r\n )}\r\n {((singleYear && !!index) || !singleYear) && (\r\n \r\n {Child => (\r\n \r\n {date.year}\r\n \r\n )}\r\n \r\n )}\r\n
\r\n ))}\r\n {date.day}
\r\n {((singleMonth && !!index) || !singleMonth) && (\r\n {datesDescription}
\r\n )}\r\n {isInternational && (\r\n \r\n \r\n
\r\n )}\r\n {!isPlanned && !isInternational && !date && (\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nDateCardDates.propTypes = {\r\n dates: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n day: PropTypes.string,\r\n month: PropTypes.string,\r\n year: PropTypes.string\r\n })\r\n ),\r\n datesDescription: PropTypes.string,\r\n datesTitle: PropTypes.string,\r\n isPastDate: PropTypes.bool,\r\n isInternational: PropTypes.bool,\r\n isPlanned: PropTypes.bool,\r\n className: PropTypes.string,\r\n eventImage: PropTypes.exact(EventImage.propTypes),\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n setHeight: PropTypes.func,\r\n labels: PropTypes.exact({\r\n pastDate: PropTypes.string\r\n }),\r\n moreDates: PropTypes.exact(DatesMore.propTypes),\r\n date: PropTypes.string,\r\n url: PropTypes.string,\r\n nameHeight: PropTypes.number\r\n};\r\n\r\nDateCardDates.defaultProps = {\r\n dates: [],\r\n labels: {}\r\n};\r\n\r\nDateCardDates.propTypesMeta = 'exclude';\r\nDateCardDates.themes = themes;\r\n\r\nexport default DateCardDates;\r\n","import React, { useRef, useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport DateCardMedia from './date-card-media';\r\nimport DateCardStatus from './date-card-status';\r\nimport DateCardTags from './date-card-tags';\r\nimport DateCardDates from './date-card-dates';\r\nimport Heading from 'components/heading';\r\nimport Link from 'components/link';\r\nimport Metadata from 'components/metadata';\r\nimport Message from 'components/message';\r\nimport resizeHook from 'js/hooks/resize';\r\n\r\nconst themes = {\r\n rightAlignedTags: '-theme-right-aligned-tags',\r\n noPadding: '-theme-no-padding',\r\n noBorder: '-theme-no-border',\r\n sidebar: '-theme-sidebar',\r\n vertical: '-theme-vertical'\r\n};\r\n\r\nconst useGetHeightOfName = ref => {\r\n const [nameHeight, setNameHeight] = useState();\r\n\r\n useEffect(() => {\r\n if (!ref.current) return;\r\n const nameHeight = ref.current.offsetHeight;\r\n setNameHeight(nameHeight);\r\n });\r\n\r\n resizeHook(() => setNameHeight(ref.current && ref.current.offsetHeight));\r\n\r\n return nameHeight;\r\n};\r\n\r\nconst DateCard = ({\r\n dateContainer,\r\n headingLevel,\r\n media,\r\n metadata,\r\n metadataTheme,\r\n messageList,\r\n showMedia,\r\n subtitle,\r\n status,\r\n tags,\r\n theme,\r\n title,\r\n text,\r\n url,\r\n usedInSidebar,\r\n isImageLink,\r\n isEventList,\r\n name\r\n}) => {\r\n const { dates = [] } = dateContainer;\r\n const hasDate = dates.length || dateContainer.date;\r\n\r\n const nameRef = useRef();\r\n const heightOfName = useGetHeightOfName(nameRef);\r\n\r\n return (\r\n \r\n {messageList.map(message => (\r\n
\r\n \r\n {(status || tags) && (\r\n \r\n
\r\n ))}\r\n {metadata && (\r\n \r\n
\r\n )}\r\n {showMedia && media && {text}
}\r\n\r\n {status && (\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nDateCard.propTypes = {\r\n dateContainer: PropTypes.exact(DateCardDates.propTypes),\r\n messageList: PropTypes.arrayOf(PropTypes.exact(Message.propTypes)),\r\n headingLevel: PropTypes.number,\r\n metadata: PropTypes.exact(Metadata.propTypes),\r\n metadataTheme: PropTypes.string,\r\n // Disable eslint warning of unused propType because 'id' is used as 'key' when rendering lists of DateCard\r\n // eslint-disable-next-line\r\n id: PropTypes.string.isRequired,\r\n media: PropTypes.exact(DateCardMedia.propTypes),\r\n showMedia: PropTypes.bool,\r\n status: PropTypes.exact(DateCardStatus.propTypes),\r\n subtitle: PropTypes.string,\r\n tags: PropTypes.exact(DateCardTags.propTypes),\r\n text: PropTypes.string,\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n title: PropTypes.string,\r\n url: PropTypes.string,\r\n usedInSidebar: PropTypes.bool,\r\n isImageLink: PropTypes.bool,\r\n isEventList: PropTypes.bool,\r\n name: PropTypes.string\r\n};\r\n\r\nDateCard.propTypesMeta = 'exclude';\r\n\r\nDateCard.defaultProps = {\r\n headingLevel: 2,\r\n messageList: [],\r\n showMedia: true,\r\n dateContainer: {}\r\n};\r\n\r\nDateCard.themes = themes;\r\n\r\nexport default DateCard;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Heading from 'components/heading';\r\n\r\nconst DescriptionListBlock = ({ headingLevel, items, title }) => (\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n\r\n
\r\n);\r\n\r\nDescriptionListBlock.propTypes = {\r\n headingLevel: PropTypes.number,\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n label: PropTypes.string,\r\n text: PropTypes.string\r\n })\r\n ),\r\n title: PropTypes.string\r\n};\r\n\r\nDescriptionListBlock.propTypesMeta = 'exclude';\r\n\r\nDescriptionListBlock.defaultProps = {\r\n headingLevel: 2,\r\n items: []\r\n};\r\n\r\nexport default DescriptionListBlock;\r\n","/* eslint-disable react/no-multi-comp */\r\nimport React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Icon from 'components/icon/icon';\r\nimport tableSort from 'js/utils/sort-table';\r\n\r\n// Checks whether a string represents a number, to allow for special styling of numbers-as-text\r\nconst isNumber = (string = '') => !isNaN(Number(string.replace(/\\s/g, '')));\r\n\r\nconst ThWithSort = ({ children, onClick, sortDirection }) => (\r\n - \r\n {items.map(item => (\r\n \r\n
- {item.label} \r\n
- {item.text} \r\n \r\n ))}\r\n
\r\n {children}\r\n
\r\n \r\n);\r\n\r\nconst Table = ({ header, rows, isSortingEnabled, sortingIndex, title }) => {\r\n const [rowsState, setRowsState] = useState(rows);\r\n const [sortDirection, setSortDirection] = useState(\r\n rows[0].map(() => undefined)\r\n );\r\n\r\n const sort = (index, initiallyReverse = false) => {\r\n setRowsState(rows => {\r\n const rowsCopy = rows.map(row => [...row]);\r\n rowsCopy.sort((a, b) => tableSort(a[index].value, b[index].value));\r\n\r\n const shouldReverse = sortDirection[index] || initiallyReverse;\r\n shouldReverse && rowsCopy.reverse();\r\n return rowsCopy;\r\n });\r\n\r\n setSortDirection(prevState =>\r\n prevState.map((shouldRev, i) =>\r\n i === index ? !(shouldRev || initiallyReverse) : undefined\r\n )\r\n );\r\n };\r\n\r\n useEffect(() => isSortingEnabled && sort(sortingIndex, true), []);\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n header: PropTypes.arrayOf(PropTypes.string),\r\n rows: PropTypes.arrayOf(\r\n PropTypes.arrayOf(\r\n PropTypes.shape({\r\n value: PropTypes.string,\r\n displayValue: PropTypes.string,\r\n isRightAligned: PropTypes.bool\r\n })\r\n )\r\n ),\r\n isSortingEnabled: PropTypes.bool,\r\n sortingIndex: PropTypes.number,\r\n title: PropTypes.string\r\n};\r\n\r\nTable.propTypesMeta = 'exclude';\r\n\r\nTable.defaultProps = 'exclude';\r\n\r\nexport default Table;\r\n","import React from 'react';\r\nimport cn from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport Accordion from 'components/accordion/accordion';\r\nimport Icon from 'components/icon/icon';\r\n\r\nconst TableMobileSort = ({\r\n options,\r\n selectedOption,\r\n setSortOption,\r\n title,\r\n accordion\r\n}) => {\r\n return (\r\n | {column} | \r\n )}\r\n
|---|
\r\n \r\n \r\n {({ Collapse, isOpen, toggle }) => (\r\n \r\n
\r\n );\r\n};\r\nTableMobileSort.propTypes = {\r\n options: PropTypes.arrayOf(PropTypes.string),\r\n setSortOption: PropTypes.func,\r\n selectedOption: PropTypes.string,\r\n accordion: PropTypes.exact(Accordion.propTypes),\r\n title: PropTypes.string\r\n};\r\n\r\nTableMobileSort.propTypesMeta = 'exclude';\r\n\r\nexport default TableMobileSort;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Accordion from 'components/accordion/accordion';\r\nimport Heading from 'components/heading/heading';\r\nimport Icon from 'components/icon/icon';\r\n\r\nconst TableMobileItem = ({ list, accordion }) => {\r\n const title = list[1].value;\r\n const subtitle = `${list[0].label} ${list[0].value}`;\r\n return (\r\n \r\n \r\n {selectedOption}\r\n \r\n \r\n {isOpen && (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n
\r\n {title}
\r\n- \r\n {options.map(option => (\r\n
\r\n \r\n {({ Collapse, toggle, isOpen }) => (\r\n <>\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nTableMobileItem.propTypes = {\r\n list: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n label: PropTypes.string,\r\n value: PropTypes.string,\r\n displayValue: PropTypes.string\r\n })\r\n ),\r\n accordion: PropTypes.exact(Accordion.propTypes)\r\n};\r\n\r\nexport default TableMobileItem;\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport TableMobileSort from './table-mobile-sort';\r\nimport TableMobileItem from './table-mobile-item';\r\nimport FlipMotion from 'react-flip-motion';\r\nimport sort from 'js/utils/sort-table';\r\n\r\nconst extractValue = (x, sortOption) => {\r\n const item = x.list.find(({ label }) => label === sortOption);\r\n const value = item && item.value;\r\n\r\n return value;\r\n};\r\n\r\nconst TableMobile = ({ items, sortMenu }) => {\r\n if (!items || !items.length || !items[0]) return null;\r\n const [sortOption, setSortOption] = useState(items[0].list[0].label);\r\n const [itemsState, setitemsState] = useState(items);\r\n\r\n useEffect(() => {\r\n if (!sortOption) return;\r\n const newItems = JSON.parse(JSON.stringify(itemsState));\r\n newItems.sort((a, b) =>\r\n sort(extractValue(a, sortOption), extractValue(b, sortOption))\r\n );\r\n setitemsState(newItems);\r\n }, [sortOption]);\r\n\r\n const sortOptions = items[0].list.map(({ label }) => label);\r\n\r\n return (\r\n \r\n {list.slice(2).map(({ displayValue, label, value }) => (\r\n \r\n \r\n ))}\r\n
\r\n {label}
\r\n \r\n {displayValue || value}\r\n
\r\n \r\n \r\n {itemsState.map(item => (\r\n \r\n
\r\n );\r\n};\r\n\r\nTableMobile.propTypes = {\r\n items: PropTypes.arrayOf(PropTypes.exact(TableMobileItem.propTypes)),\r\n sortMenu: PropTypes.exact(TableMobileSort.propTypes)\r\n};\r\n\r\nexport default TableMobile;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Heading from 'components/heading';\r\nimport Table from 'components/table';\r\nimport RichText from 'components/rich-text';\r\nimport useIsScreenSize from 'js/hooks/use-is-screen-size';\r\nimport TableMobile from 'components/table-mobile';\r\n\r\nconst TableBlock = ({ table, mobileList, title, richText, isWide }) => {\r\n const isMobile = useIsScreenSize('mdMax');\r\n\r\n return (\r\n \r\n {!isMobile ? (\r\n
\r\n ) : (\r\n <>\r\n {mobileList ? (\r\n <>\r\n {title && {title} }\r\n\r\n
\r\n )}\r\n \r\n )}\r\n {richText &&
\r\n );\r\n};\r\n\r\nTableBlock.propTypes = {\r\n table: PropTypes.exact(Table.propTypes).isRequired,\r\n title: PropTypes.string.isRequired,\r\n richText: PropTypes.exact(RichText.propTypes),\r\n mobileList: PropTypes.exact(TableMobile.propTypes),\r\n isWide: PropTypes.bool\r\n};\r\n\r\nTableBlock.propTypesMeta = 'exclude';\r\n\r\nexport default TableBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport DescriptionListBlock from 'components/description-list-block';\r\nimport TableBlock from 'components/table-block';\r\n\r\nconst DescriptionListAndTables = ({ descriptionList, tables }) => (\r\n \r\n
\r\n ))}\r\n \r\n {(grade || time) && (\r\n \r\n {grade && {grade}}\r\n {grade && time && '|'}\r\n {time && (\r\n \r\n \r\n )}\r\n \r\n )}\r\n\r\n {title && (\r\n
\r\n {image && (\r\n \r\n {title}\r\n
\r\n )}\r\n {ingress && (\r\n\r\n {ingress}\r\n
\r\n )}\r\n {link && (\r\n\r\n
\r\n )}\r\n \r\n);\r\n\r\nEducationBlock.propTypes = {\r\n grade: PropTypes.string,\r\n time: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes),\r\n editorTheme: PropTypes.oneOf(Object.values(themes)),\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string,\r\n ingress: PropTypes.string,\r\n time: PropTypes.string,\r\n grade: PropTypes.string\r\n }),\r\n imageLeft: PropTypes.bool,\r\n title: PropTypes.string.isRequired,\r\n ingress: PropTypes.string\r\n};\r\n\r\nEducationBlock.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default EducationBlock;\r\n","import React from 'react';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport useOnIntersect from 'js/hooks/use-on-intersect';\r\nimport OPE from 'js/on-page-editing';\r\n\r\nconst EmbedBlock = ({ height, onPageEditing, src, title, width }) => {\r\n const wrapper = useRef();\r\n const hasDimensions = height && width;\r\n const [minHeight, setMinHeight] = useState(0);\r\n const [srcState, setSrcState] = useState(undefined);\r\n\r\n useOnIntersect(wrapper, () => setSrcState(src));\r\n\r\n useEffect(() => {\r\n setMinHeight(\r\n hasDimensions ? 0 : (9 / 16) * (wrapper.current.offsetWidth || 0)\r\n );\r\n });\r\n\r\n const wrapperClass = cn('embed-block', { '-has-dimensions': hasDimensions });\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nEmbedBlock.propTypes = {\r\n height: PropTypes.number,\r\n onPageEditing: PropTypes.string,\r\n src: PropTypes.string.isRequired,\r\n title: PropTypes.string.isRequired,\r\n width: PropTypes.number\r\n};\r\n\r\nEmbedBlock.propTypesMeta = 'exclude';\r\n\r\nexport default EmbedBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components/link';\r\n\r\nconst EmployeeSearchResult = ({ labeledLinks, subTitle, title }) => (\r\n \r\n {title &&
\r\n);\r\n\r\nEmployeeSearchResult.propTypes = {\r\n labeledLinks: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n label: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes)\r\n })\r\n ),\r\n subTitle: PropTypes.string,\r\n title: PropTypes.string.isRequired\r\n};\r\n\r\nEmployeeSearchResult.defaultProps = {\r\n labeledLinks: []\r\n};\r\n\r\nexport default EmployeeSearchResult;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components/link';\r\n\r\nconst SearchSuggestions = ({ label, suggestions }) => (\r\n {title}
}\r\n\r\n {subTitle &&{subTitle}
}\r\n\r\n {labeledLinks.length > 0 && (\r\n- \r\n {labeledLinks.map(({ label, link }) => (\r\n
- \r\n {label}: \r\n {link.url ? (\r\n \r\n ) : (\r\n {link.text}\r\n )}\r\n \r\n ))}\r\n
\r\n {label}\r\n {suggestions.map((suggestion, index) => (\r\n \r\n \r\n {index < suggestions.length - 1 && , }\r\n \r\n ))}\r\n
\r\n);\r\n\r\nSearchSuggestions.propTypes = {\r\n label: PropTypes.string.isRequired,\r\n suggestions: PropTypes.arrayOf(PropTypes.string).isRequired\r\n};\r\n\r\nexport default SearchSuggestions;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport api from 'js/api-helper';\r\n\r\nimport Button from 'components/button';\r\nimport Link from 'components/link';\r\nimport TextInput from 'components/form-elements/text-input';\r\nimport SearchSuggestions from 'components/search-suggestions';\r\nimport propTypeTheme from 'utils/prop-type-theme';\r\n\r\nconst Search = ({\r\n externalResultsLabel,\r\n externalResultsEndpoint,\r\n input = {},\r\n resultsDescription,\r\n submit,\r\n searchSuggestions,\r\n theme\r\n}) => {\r\n const inputElement = React.useRef();\r\n const [externalResultsCount, setExternalResultsCount] = React.useState(0);\r\n const [externalResultsUrl, setExternalResultsUrl] = React.useState('');\r\n const [inputValue, setInputValue] = React.useState(input.value || '');\r\n\r\n const onInputChange = event => {\r\n setInputValue(event.target.value);\r\n };\r\n\r\n const removeText = () => {\r\n inputElement.current.focus();\r\n setInputValue('');\r\n };\r\n\r\n React.useEffect(() => {\r\n if (externalResultsEndpoint) {\r\n api.get(externalResultsEndpoint).then(({ Hits, url }) => {\r\n setExternalResultsCount(Hits);\r\n setExternalResultsUrl(url);\r\n });\r\n }\r\n }, [externalResultsEndpoint]);\r\n\r\n React.useEffect(() => {\r\n // On every new input response from backend:\r\n if (typeof input.value !== 'string') return;\r\n setInputValue(input.value);\r\n }, [input.dataId]);\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nSearch.propTypes = {\r\n externalResultsLabel: PropTypes.string,\r\n externalResultsEndpoint: PropTypes.string,\r\n input: PropTypes.shape(TextInput.propTypes),\r\n resultsDescription: PropTypes.string,\r\n submit: PropTypes.exact(Button.propTypes),\r\n searchSuggestions: PropTypes.exact(SearchSuggestions.propTypes)\r\n};\r\n\r\nexport default Search;\r\n","import React, { useEffect, useState, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components/link';\r\nimport Search from 'components/search';\r\nimport Icon from 'components/icon';\r\nimport Form from 'components/form';\r\n\r\nconst ErrorPage = ({ errorCode, link, title, message, search, text, form }) => {\r\n const errorPageRef = useRef();\r\n const errorPageHeight = (function (errorPageRef) {\r\n const [errorPageHeight, setErrorPageHeight] = useState();\r\n\r\n useEffect(() => {\r\n const errorPageHeight = errorPageRef.current.offsetHeight;\r\n const documentHeight = document.body.scrollHeight;\r\n const nonErrorPageHeight = documentHeight - errorPageHeight;\r\n const height = window.innerHeight - nonErrorPageHeight;\r\n setErrorPageHeight(height);\r\n }, []);\r\n\r\n return errorPageHeight;\r\n })(errorPageRef);\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {resultsDescription}\r\n {externalResultsUrl && (\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nErrorPage.propTypes = {\r\n errorCode: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes),\r\n title: PropTypes.string,\r\n message: PropTypes.string,\r\n search: PropTypes.exact(Search.propTypes),\r\n text: PropTypes.string,\r\n form: PropTypes.exact(Form.propTypes)\r\n};\r\n\r\nexport default ErrorPage;\r\n","import React, { useEffect, useState, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Card from 'components/card';\r\nimport AutoGrid from 'components/auto-grid';\r\nimport DatesMore from 'components/dates-more';\r\n\r\nconst EventCardList = ({ list }) => {\r\n const [datesMoreWidth, setDatesMoreWidth] = useState();\r\n const datesMoreRef = useRef();\r\n\r\n useEffect(() => {\r\n if (datesMoreRef.current) {\r\n setDatesMoreWidth(datesMoreRef.current.offsetWidth);\r\n }\r\n }, []);\r\n\r\n return (\r\n \r\n {errorCode &&
\r\n {errorCode}
}\r\n {title &&{title}
}\r\n {message && {message}
}\r\n {text && {text}
}\r\n {search && (\r\n \r\n )}\r\n {link && (\r\n\r\n \r\n {AutoGridItem =>\r\n list &&\r\n list.map(({ eventCard, moreDates, date }) => (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nEventCardList.propTypes = {\r\n list: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n eventCard: PropTypes.shape(Card.propTypes),\r\n moreDates: PropTypes.exact(DatesMore.propTypes),\r\n date: PropTypes.string\r\n })\r\n )\r\n};\r\n\r\nexport default EventCardList;\r\n","import React, { useEffect, useState, useRef } from 'react';\r\nimport Card from 'components/card';\r\nimport DatesMore from 'components/dates-more';\r\nimport PropTypes from 'prop-types';\r\nimport DataTagList from 'components/data-tag-list';\r\nimport Heading from 'components/heading';\r\n\r\nconst EventListItem = ({ eventCard, moreDates, date }) => {\r\n const [datesTextWidth, setDatesTextWidth] = useState();\r\n const dateTextRef = useRef();\r\n\r\n useEffect(() => {\r\n if (dateTextRef.current) {\r\n setDatesTextWidth(dateTextRef.current.offsetWidth);\r\n }\r\n }, []);\r\n\r\n return (\r\n \r\n {date && (\r\n \r\n {date}\r\n \r\n )}\r\n {moreDates && (\r\n
\r\n \r\n ))\r\n }\r\n \r\n
\r\n );\r\n};\r\n\r\nEventListItem.propTypes = {\r\n eventCard: PropTypes.shape(Card.propTypes),\r\n moreDates: PropTypes.exact(DatesMore.propTypes),\r\n date: PropTypes.string\r\n};\r\n\r\nexport default EventListItem;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components/link';\r\n\r\nconst TopFilter = ({ options, title, timeframe }) => (\r\n \r\n
\r\n \r\n {eventCard.preTitle && (\r\n {eventCard.title} \r\n \r\n )}\r\n\r\n {eventCard.dataTagList &&\r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n\r\n {eventCard.title && (\r\n \r\n {eventCard.text}
}\r\n\r\n {date && (\r\n \r\n )}\r\n\r\n {moreDates && (\r\n
\r\n \r\n
\r\n);\r\n\r\nTopFilter.propTypes = {\r\n options: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n isCurrent: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n link: PropTypes.exact(Link.propTypes)\r\n })\r\n ),\r\n title: PropTypes.string,\r\n timeframe: PropTypes.exact({\r\n value: PropTypes.number,\r\n id: PropTypes.string,\r\n name: PropTypes.string\r\n })\r\n};\r\n\r\nTopFilter.defaultProps = {\r\n options: []\r\n};\r\n\r\nexport default TopFilter;\r\n","/* eslint-disable react/no-multi-comp */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nconst getZIndex = (length, index, currentIndex) => {\r\n if (index === currentIndex) return length;\r\n if (index < currentIndex) return index;\r\n return length - index;\r\n};\r\n\r\nconst TabList = ({ children, className }) => {\r\n return (\r\n {title}
\r\n\r\n
\r\n );\r\n })}\r\n \r\n
\r\n );\r\n};\r\nTabList.propTypes = {\r\n children: PropTypes.node,\r\n className: PropTypes.string\r\n};\r\n\r\nTabList.propTypesMeta = 'exclude';\r\n\r\nTabList.Item = ({\r\n children,\r\n isCurrent,\r\n length,\r\n index,\r\n currentIndex,\r\n disabled\r\n}) => (\r\n - {children}
\r\n \r\n {title &&
\r\n \r\n );\r\n};\r\n\r\nStickyMenuOnTabs.propTypes = {\r\n navGroups: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n titleLink: PropTypes.exact(Link.propTypes),\r\n links: PropTypes.shape({\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact(StickyMenuOnTabsItem.propTypes)\r\n ).isRequired\r\n })\r\n })\r\n ),\r\n title: PropTypes.string,\r\n includeHeader: PropTypes.bool,\r\n className: PropTypes.string\r\n};\r\n\r\nStickyMenuOnTabs.defaultProps = {\r\n navGroups: []\r\n};\r\n\r\nStickyMenuOnTabs.propTypesMeta = 'exclude';\r\n\r\nexport default StickyMenuOnTabs;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport icons from '../../assets/inline-svg-icons/icons';\r\nimport isDeveloperEnvironment from 'js/utils/is-developer-environment';\r\nimport Icon from 'components/icon';\r\nimport Link from 'components/link';\r\n\r\nconst types = {\r\n video: 'video',\r\n calendar: 'calendar'\r\n};\r\n\r\n// Custom validation here because the propTypes-C#-plugin does not support references to external files in PropTypes.oneOf, meaning that the 'types' object must use hard coded magic strings instead of references to existing icons.\r\n// These checks check whether 'icons' have a definition for the magic strings defined in 'types'\r\nif (isDeveloperEnvironment()) {\r\n Object.values(types).forEach(type => {\r\n // eslint-disable-next-line no-console\r\n if (!icons[type]) console.error(`No icon for type \"${type}\"`);\r\n });\r\n}\r\n\r\nconst EventPageLink = ({ icon, text, url }) => (\r\n {title}
}\r\n \r\n\r\n
\r\n);\r\n\r\nEventPageLink.propTypes = {\r\n icon: PropTypes.oneOf(Object.values(types)).isRequired,\r\n text: PropTypes.string,\r\n url: PropTypes.string,\r\n};\r\n\r\nexport default EventPageLink;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst Label = ({ htmlId, title }) => {\r\n return \r\n
\r\n \r\n {title}
;\r\n};\r\n\r\nLabel.propTypes = {\r\n htmlId: PropTypes.string,\r\n title: PropTypes.string\r\n};\r\n\r\nexport default Label;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport Button from 'components/button';\r\nimport ContentArea from 'components/content-area';\r\nimport ContentContainer from 'components/content-container';\r\nimport StickyMenuOnTabs from 'components/sticky-menu-on-tabs';\r\nimport ContentWithSidebar from 'components/content-with-sidebar';\r\nimport EventData from './event-data';\r\nimport EventPageLink from './event-page-link';\r\nimport Link from 'components/link';\r\nimport RichText from 'components/rich-text';\r\nimport OptionsModal from 'components/options-modal';\r\nimport DateCardMedia from 'components/date-card/date-card-media';\r\nimport EventImage from 'components/event-image';\r\nimport Label from 'components/label';\r\nimport DatesMore from 'components/dates-more';\r\n\r\nconst EventPage = ({\r\n contactInfo,\r\n metadata,\r\n labels,\r\n links,\r\n onPageEditing,\r\n registrationLink,\r\n eventImage,\r\n richText,\r\n schedule,\r\n speakers,\r\n title,\r\n share,\r\n date,\r\n media,\r\n menu,\r\n moreDates,\r\n eventTag\r\n}) => {\r\n return (\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\nEventPage.propTypes = {\r\n contactInfo: PropTypes.exact(ContentArea.propTypes),\r\n labels: PropTypes.exact({\r\n about: PropTypes.exact(Label.propTypes),\r\n contact: PropTypes.exact(Label.propTypes),\r\n speakers: PropTypes.exact(Label.propTypes),\r\n schedule: PropTypes.exact(Label.propTypes)\r\n }),\r\n links: PropTypes.arrayOf(PropTypes.exact(EventPageLink.propTypes)),\r\n metadata: PropTypes.exact(EventData.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n speakers: PropTypes.exact(ContentArea.propTypes),\r\n richText: PropTypes.exact(RichText.propTypes),\r\n registrationLink: PropTypes.exact(Link.propTypes),\r\n schedule: PropTypes.exact(ContentArea.propTypes),\r\n title: PropTypes.string,\r\n share: PropTypes.exact(OptionsModal.propTypes),\r\n eventImage: PropTypes.exact(EventImage.propTypes),\r\n media: PropTypes.exact(DateCardMedia.propTypes),\r\n menu: PropTypes.exact(StickyMenuOnTabs.propTypes),\r\n moreDates: PropTypes.exact(DatesMore.propTypes),\r\n date: PropTypes.string,\r\n eventTag: PropTypes.string\r\n};\r\n\r\nEventPage.defaultProps = {\r\n labels: {},\r\n links: [],\r\n onPageEditing: {},\r\n dateContainer: {},\r\n eventImage: {}\r\n};\r\n\r\nexport default EventPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Icon from 'components/icon';\r\nimport Link from 'components/link';\r\n\r\nconst supportedProviders = [\r\n 'facebook',\r\n 'linkedin',\r\n 'rss',\r\n 'instagram'\r\n];\r\n\r\nconst SocialMediaLink = ({ provider, text, url }) => (\r\n \r\n
\r\n \r\n
\r\n \r\n {eventTag && \r\n {title}\r\n \r\n )}\r\n
\r\n \r\n {eventTag}
}\r\n {title && (\r\n \r\n
\r\n \r\n {date && (\r\n \r\n )}\r\n {moreDates && (\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n {links.map(link => (\r\n
\r\n {richText && (\r\n \r\n {labels.about && }\r\n
\r\n )}\r\n {speakers && (\r\n \r\n {labels.speakers && }\r\n
\r\n )}\r\n {schedule && (\r\n \r\n {labels.schedule && }\r\n
\r\n )}\r\n {contactInfo && (\r\n \r\n
\r\n )}\r\n \r\n {items.map(link => (\r\n
\r\n);\r\n\r\nSocialMediaLinkList.propTypes = {\r\n className: PropTypes.string,\r\n items: PropTypes.arrayOf(PropTypes.exact(SocialMediaLink.propTypes)),\r\n theme: PropTypes.oneOf(Object.values(themes))\r\n};\r\n\r\nSocialMediaLinkList.defaultProps = {\r\n items: []\r\n};\r\n\r\nSocialMediaLinkList.propTypesMeta = 'exclude';\r\n\r\nSocialMediaLinkList.themes = themes;\r\n\r\nexport default SocialMediaLinkList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport ContentContainer from 'components/content-container';\r\nimport HtmlString from 'components/html-string';\r\nimport Link from 'components/link';\r\nimport RichText from 'components/rich-text';\r\nimport SocialMediaLinkList from 'components/social-media-link-list';\r\nimport AccordionContainer from 'components/accordion-container';\r\nimport Accordion from 'components/accordion';\r\nimport Button from 'components/button';\r\n\r\nconst Footer = ({\r\n contactInfo,\r\n newsLetter,\r\n linkLists,\r\n socialMedia,\r\n logo,\r\n about,\r\n trademark\r\n}) => (\r\n \r\n);\r\n\r\nFooter.propTypes = {\r\n contactInfo: PropTypes.exact(RichText.propTypes),\r\n newsLetter: PropTypes.exact(Link.propTypes),\r\n linkLists: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n id: PropTypes.number,\r\n title: PropTypes.string,\r\n links: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n accordion: PropTypes.exact(Accordion.propTypes)\r\n })\r\n ),\r\n socialMedia: PropTypes.exact(SocialMediaLinkList.propTypes),\r\n logo: PropTypes.exact({\r\n url: PropTypes.string,\r\n text: PropTypes.string,\r\n src: PropTypes.string\r\n }),\r\n about: PropTypes.string,\r\n trademark: PropTypes.string\r\n};\r\n\r\nexport default Footer;\r\n","import React from 'react';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Icon from 'components/icon';\r\nimport TextInput from '../text-input';\r\n\r\n/* eslint-disable react/prop-types */\r\nconst SearchInput = ({ className, idPrefix, label, name, placeholder }) => (\r\n \r\n
\r\n);\r\n\r\nSearchInput.propTypes = TextInput.propTypes;\r\n\r\nSearchInput.themes = TextInput.themes;\r\n\r\nexport default SearchInput;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport Button from 'components/button';\r\nimport FluidImage from 'components/fluid-image';\r\nimport Link from 'components/link';\r\n\r\nconst themes = {\r\n yellow: '-theme-yellow',\r\n red: '-theme-red',\r\n esaki: '-theme-esaki',\r\n marconi: '-theme-marconi',\r\n alfven: '-theme-alfven',\r\n};\r\n\r\nconst FrontpageHeader = ({\r\n image,\r\n title,\r\n description,\r\n links,\r\n onPageEditing,\r\n editorTheme\r\n}) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nFrontpageHeader.propTypes = {\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n links: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n onPageEditing: PropTypes.exact({\r\n links: PropTypes.string,\r\n numbers: PropTypes.string,\r\n text: PropTypes.string\r\n }),\r\n title: PropTypes.string,\r\n description: PropTypes.string,\r\n editorTheme: PropTypes.oneOf(Object.values(themes))\r\n};\r\n\r\nFrontpageHeader.defaultProps = {\r\n links: {},\r\n onPageEditing: {}\r\n};\r\n\r\nexport default FrontpageHeader;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components/link';\r\nimport Heading from 'components/heading';\r\nimport LinkList from 'components/link-list';\r\n\r\nconst NestedLink = ({ item, iconData, linkTheme }) =>\r\n item.items ? (\r\n \r\n {title &&
\r\n {title}
}\r\n {description && (\r\n{description}
\r\n )}\r\n\r\n {links.map((link, index) => (\r\n
\r\n \r\n
\r\n \r\n {header && \r\n \r\n
\r\n);\r\n\r\nFrontpage.propTypes = {\r\n content: PropTypes.exact(ContentArea.propTypes),\r\n header: PropTypes.exact(FrontpageHeader.propTypes),\r\n linkList: PropTypes.exact(LinkList.propTypes)\r\n};\r\n\r\nexport default Frontpage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\nimport useTooltip from 'js/hooks/use-tooltip';\r\nimport Tooltip from 'components/tooltip';\r\n\r\nconst GroupedSearchPageSectionFilterList = ({\r\n fetchResultsWithSection,\r\n list,\r\n hasLowerCaseSectionFilters\r\n}) => {\r\n const {\r\n ref,\r\n handleMouseEnter,\r\n handleMouseLeave,\r\n showTabTooltip,\r\n showTooltip\r\n } = useTooltip();\r\n\r\n return (\r\n <>\r\n {list && (\r\n - \r\n {list.map(\r\n ({ isCurrent, label, value, name, isDisabled, tooltip }) => (\r\n
\r\n {statusList.map(status => (\r\n
\r\n )}\r\n {metadata && (\r\n \r\n
\r\n )}\r\n \r\n {image && (\r\n
\r\n {themeTags && \r\n
\r\n )}\r\n {icon && !image && (\r\n \r\n
\r\n )}\r\n {text && \r\n
\r\n);\r\n\r\nSearchResultGroup.defaultProps = {\r\n results: []\r\n};\r\n\r\nSearchResultGroup.propTypes = {\r\n htmlId: PropTypes.string,\r\n results: PropTypes.exact(ContentArea.propTypes),\r\n title: PropTypes.string,\r\n iconName: PropTypes.oneOf(Object.keys(icons))\r\n};\r\n\r\nexport default SearchResultGroup;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport ContentContainer from 'components/content-container';\r\nimport EmptyList from 'components/empty-list';\r\nimport FilterLayout from 'components/filter-layout';\r\nimport Form from 'components/form';\r\nimport GroupedSearchPageSectionFilterList from 'components/grouped-search-page-section-filter-list';\r\nimport Pagination from 'components/pagination';\r\nimport Search from 'components/search';\r\nimport SearchResultGroup from 'components/search-result-group';\r\nimport Spinner from 'components/spinner';\r\nimport useFetchFilteredResults from 'js/hooks/use-fetch-filtered-results';\r\n\r\nconst GroupedSearchPage = ({\r\n emptyList,\r\n filterLayout,\r\n form,\r\n sections,\r\n pagination,\r\n results,\r\n resultsDescription,\r\n search,\r\n title,\r\n hasLowerCaseSectionFilters,\r\n fetchFilteredResultsEndpoint\r\n}) => {\r\n const currentSectionFilter = (function () {\r\n const currentSection =\r\n sections.list && sections.list.find(section => section.isCurrent);\r\n if (currentSection) return { [currentSection.name]: currentSection.value };\r\n })();\r\n // This is a merger of \r\n {title &&
\r\n {title}
}\r\n {icons[iconName] &&\r\n
\r\n \r\n {resultsDescriptionState}\r\n
\r\n );\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nGroupedSearchPage.defaultProps = {\r\n sections: {},\r\n results: []\r\n};\r\n\r\nGroupedSearchPage.propTypes = {\r\n emptyList: PropTypes.exact(EmptyList.propTypes),\r\n filterLayout: PropTypes.exact(FilterLayout.propTypes),\r\n form: PropTypes.exact(Form.propTypes),\r\n sections: PropTypes.exact(GroupedSearchPageSectionFilterList.propTypes),\r\n pagination: PropTypes.exact(Pagination.propTypes),\r\n results: PropTypes.arrayOf(PropTypes.exact(SearchResultGroup.propTypes)),\r\n resultsDescription: PropTypes.string,\r\n search: PropTypes.exact(Search.propTypes),\r\n hasLowerCaseSectionFilters: PropTypes.bool,\r\n title: PropTypes.string,\r\n fetchFilteredResultsEndpoint: PropTypes.string\r\n};\r\n\r\nGroupedSearchPage.propTypesMeta = 'exclude';\r\n\r\nexport default GroupedSearchPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\nimport debounce from 'lodash/debounce';\r\n\r\nimport Button from 'components/button';\r\nimport Form from 'components/form';\r\nimport TextInput from 'components/form-elements/text-input';\r\n\r\nclass GlobalSearch extends React.Component {\r\n static propTypes = {\r\n closeGlobalSearch: PropTypes.func,\r\n closeButtonText: PropTypes.string.isRequired,\r\n form: PropTypes.exact(Form.propTypes).isRequired,\r\n input: PropTypes.exact(TextInput.propTypes).isRequired,\r\n isOpen: PropTypes.bool,\r\n button: PropTypes.exact(Button.propTypes).isRequired,\r\n openGlobalSearch: PropTypes.func,\r\n submitLabel: PropTypes.string,\r\n endpoint: PropTypes.string\r\n };\r\n\r\n static propTypesMeta = 'exclude';\r\n\r\n static defaultProps = {\r\n closeGlobalSearch: () => {}\r\n };\r\n\r\n state = {\r\n width: 'auto'\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n if (!prevProps.isOpen && this.props.isOpen) {\r\n clearTimeout(this.focusTimeout);\r\n this.focusTimeout = setTimeout(() => {\r\n this.input.focus();\r\n }, 300);\r\n }\r\n }\r\n\r\n setWidth = debounce(() => {\r\n if (!this || !this.container) {\r\n return;\r\n }\r\n this.setState({ width: this.container.offsetWidth || 'auto' });\r\n }, 500);\r\n\r\n componentDidMount() {\r\n this.setWidth();\r\n window.addEventListener('resize', this.setWidth);\r\n }\r\n\r\n componentWillUnmount() {\r\n clearTimeout(this.focusTimeout);\r\n window.removeEventListener('resize', this.setWidth);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {title}\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {title &&
\r\n );\r\n};\r\n\r\nNavigationGroup.propTypes = {\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n link: PropTypes.exact(Link.propTypes),\r\n linkList: PropTypes.exact(NavigationList.propTypes)\r\n })\r\n ),\r\n title: PropTypes.string,\r\n className: PropTypes.string\r\n};\r\n\r\nNavigationGroup.propTypesMeta = 'exclude';\r\n\r\nNavigationGroup.defaultProps = {\r\n items: []\r\n};\r\n\r\nexport default NavigationGroup;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Button from 'components/button';\r\nimport Link from 'components/link';\r\nimport MenuSearch from './menu-search';\r\nimport Modal from 'components/modal';\r\nimport NavigationGroup from './navigation-group';\r\n\r\nconst Menu = ({\r\n closeMenu,\r\n closeButtonText,\r\n globalSearch,\r\n id,\r\n isOpen,\r\n headerLinkList,\r\n navigationGroups\r\n}) => {\r\n return (\r\n {title}
}\r\n- \r\n {items.map(({ link, linkList }, index) => {\r\n if (link) {\r\n const linkRef = useRef();\r\n return (\r\n
- \r\n
- \r\n
\r\n \r\n );\r\n }\r\n return null;\r\n })}\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nMenu.propTypes = {\r\n closeMenu: PropTypes.func,\r\n closeButtonText: PropTypes.string,\r\n globalSearch: PropTypes.shape(MenuSearch.propTypes), // Intentional use of 'shape' since 'GlobalSearch' has properties that aren't used by 'MenuSearch'\r\n id: PropTypes.string,\r\n isOpen: PropTypes.bool,\r\n headerLinkList: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n navigationGroups: PropTypes.arrayOf(\r\n PropTypes.exact(NavigationGroup.propTypes)\r\n )\r\n};\r\n\r\nMenu.propTypesMeta = 'exclude';\r\n\r\nMenu.defaultProps = {\r\n linkList: [],\r\n navigationGroups: []\r\n};\r\n\r\nexport default Menu;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components/button';\r\nimport Link from 'components/link';\r\n\r\nconst TabMenu = ({ mainContentLink, filtersLink, openMenu, openMenuLabel }) => (\r\n \r\n);\r\n\r\nTabMenu.propTypes = {\r\n mainContentLink: PropTypes.exact(Link.propTypes),\r\n filtersLink: PropTypes.exact(Link.propTypes),\r\n openMenu: PropTypes.func,\r\n openMenuLabel: PropTypes.string\r\n};\r\n\r\nexport default TabMenu;\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport logo from '../../static-site/assets/logo-white.svg';\r\n\r\nconst SimpleHeader = ({ url }) => {\r\n useEffect(() => {\r\n //Make space in body to prevent overlap\r\n const body = document.body;\r\n if (body) {\r\n body.classList.add('-with-simple-header');\r\n }\r\n\r\n return () => body && body.classList.remove('-with-simple-header');\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n {globalSearch && globalSearch.input && (\r\n \r\n {hasTitle &&
\r\n );\r\n};\r\n\r\nImageBlock.propTypes = {\r\n image: PropTypes.exact(Image.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n title: PropTypes.string\r\n};\r\n\r\nImageBlock.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default ImageBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport FluidImage from 'components/fluid-image';\r\nimport Heading from 'components/heading';\r\n\r\nconst ImageWithLink = ({\r\n image,\r\n onPageEditing,\r\n title,\r\n text,\r\n url,\r\n shareImageHeight,\r\n isProminent\r\n}) => (\r\n \r\n {title}
}\r\n\r\n \r\n
\r\n \r\n { onPageEditing.url && }\r\n {(title || text || onPageEditing.title || onPageEditing.text) && (\r\n \r\n {(title || onPageEditing.title) && {title} }\r\n {(text || onPageEditing.text) &&
\r\n )}\r\n \r\n);\r\n\r\nImageWithLink.propTypes = {\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string,\r\n url: PropTypes.string\r\n }),\r\n title: PropTypes.string,\r\n text: PropTypes.string,\r\n url: PropTypes.string,\r\n shareImageHeight: PropTypes.bool,\r\n isProminent: PropTypes.bool\r\n};\r\n\r\nImageWithLink.defaultProps = {\r\n onPageEditing: {},\r\n isProminent: false\r\n};\r\n\r\nexport default ImageWithLink;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport LinkList from 'components/link-list';\r\nimport RichText from 'components/rich-text';\r\nimport Icon from 'components/icon';\r\nimport Button from 'components/button';\r\n\r\nimport Heading from 'components/heading';\r\nimport Image from 'components/image';\r\nimport Link from 'components/link';\r\n\r\nconst InfoBlock = ({\r\n includeIcon,\r\n linkList,\r\n onPageEditing,\r\n title,\r\n text,\r\n url,\r\n cta,\r\n icon\r\n}) => {\r\n return (\r\n {text}
}\r\n\r\n {title && (\r\n
\r\n );\r\n};\r\n\r\nInfoBlock.propTypes = {\r\n includeIcon: PropTypes.bool,\r\n linkList: PropTypes.exact(LinkList.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n title: PropTypes.string,\r\n text: PropTypes.exact(RichText.propTypes),\r\n url: PropTypes.string,\r\n cta: PropTypes.exact(Link.propTypes),\r\n icon: PropTypes.exact(Image.propTypes)\r\n};\r\n\r\nInfoBlock.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default InfoBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport TextInput from 'components/form-elements/text-input';\r\n\r\nconst InputEmail = ({\r\n name,\r\n label,\r\n value,\r\n validationError,\r\n isValid,\r\n setIsValid\r\n}) => {\r\n const onChange = e => {\r\n const input = e.target.value;\r\n const isValidEmail = /\\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}\\b/i.test(\r\n input\r\n );\r\n setIsValid(isValidEmail);\r\n };\r\n return (\r\n \r\n \r\n {url ? (\r\n
\r\n )}\r\n {text && \r\n
\r\n );\r\n};\r\n\r\nInputEmail.propTypes = {\r\n name: PropTypes.string,\r\n label: PropTypes.string,\r\n validationError: PropTypes.string,\r\n isValid: PropTypes.bool,\r\n value: PropTypes.string,\r\n setIsValid: PropTypes.func\r\n};\r\n\r\nInputEmail.propTypesMeta = 'exclude';\r\nexport default InputEmail;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Icon from 'components/icon';\r\n\r\nimport Link from 'components/link';\r\n\r\nconst PageNavigation = ({ previous, next, isLargeArticle, isFirstPage }) => {\r\n const styleLinkProps = isLargeArticle\r\n ? {\r\n previous: { theme: [Link.themes.previous, Link.themes.navigationLinkNP] },\r\n next: { theme: [Link.themes.next, Link.themes.navigationLinkNP] }\r\n }\r\n : {\r\n previous: { theme: [Link.themes.previous, Link.themes.navigationLink, Link.themes.actionLink] },\r\n next: { theme: [Link.themes.next, Link.themes.navigationLink, Link.themes.actionLink] }\r\n };\r\n\r\n return (\r\n {validationError}
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n )\r\n );\r\n};\r\n\r\nNestedMenu.propTypes = {\r\n accordion: PropTypes.exact(Accordion.propTypes),\r\n title: PropTypes.string,\r\n linkList: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n link: PropTypes.exact(Link.propTypes),\r\n isCurrent: PropTypes.bool\r\n })\r\n ),\r\n linkLists: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n accordion: PropTypes.exact(Accordion.propTypes),\r\n isCurrent: PropTypes.bool,\r\n linkList: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n link: PropTypes.exact(Link.propTypes),\r\n isCurrent: PropTypes.bool\r\n })\r\n ),\r\n section: PropTypes.exact({\r\n number: PropTypes.string,\r\n title: PropTypes.string\r\n })\r\n })\r\n ),\r\n mainPageLink: PropTypes.exact(Link.propTypes)\r\n};\r\n\r\nexport default NestedMenu;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\n\r\nconst MetadataList = ({ title, items }) => {\r\n return (\r\n \r\n {!isDesktop && (\r\n \r\n )}\r\n {React.createElement(\r\n isDesktop ? React.Fragment : Collapse,\r\n {},\r\n <>\r\n {isDesktop && title && (\r\n \r\n
\r\n )}\r\n {!isDesktop && mainPageLink && (\r\n
\r\n \r\n
\r\n )}\r\n {!isDesktop && mainPageLink && (\r\n - \r\n {linkList.map(({ link, isCurrent }) => (\r\n
- \r\n {linkList.map(({ link = {}, isCurrent }) => (\r\n
\r\n
\r\n );\r\n}\r\n\r\nMetadataList.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n label: PropTypes.string.isRequired,\r\n text: PropTypes.arrayOf(PropTypes.string.isRequired)\r\n }).isRequired\r\n )\r\n};\r\n\r\nexport default MetadataList","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport ArticleHeader from 'components/article-header';\r\nimport ContentWithSidebar from 'components/content-with-sidebar';\r\nimport PageNavigation from 'components/page-navigation';\r\nimport NestedMenu from 'components/nested-menu';\r\nimport RichText from 'components/rich-text';\r\nimport FluidImage from 'components/fluid-image';\r\nimport MetadataList from 'components/metadata-list';\r\n\r\nconst LargeArticlePage = ({\r\n title,\r\n image,\r\n content,\r\n header,\r\n pageNavigation,\r\n nestedMenu,\r\n metadata,\r\n isFrontPage\r\n}) => {\r\n return (\r\n <>\r\n {image && (\r\n {title}
\r\n- \r\n {items.map(metadata => (\r\n <>\r\n
- {metadata.label}: \r\n {metadata.text.map(paragraph => (\r\n
- {paragraph} \r\n ))}\r\n \r\n ))}\r\n
\r\n
\r\n )}\r\n {title}
}\r\n\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n\r\n - \r\n {linkOrLinkList.map(({ link, linkOrLinkList }, index) => {\r\n if (link) {\r\n return (\r\n
- \r\n
\r\n \r\n );\r\n }\r\n\r\n if (linkOrLinkList) {\r\n return (\r\n
\r\n
\r\n );\r\n }}\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n isDesktop && title && \r\n {title &&
\r\n {title}
\r\n }\r\n {\r\n !isDesktop &&\r\n{title}
}\r\n \r\n }\r\n- \r\n {items.map(({ link, linkOrLinkList }, index) => {\r\n if (link) {\r\n return (\r\n
{title}
}\r\n\r\n
\r\n {ingress}
\r\n\r\n\r\n
\r\n \r\n {title && {title} }\r\n
\r\n);\r\n\r\nLinkListBlock.propTypes = {\r\n className: PropTypes.string,\r\n htmlId: PropTypes.string,\r\n links: PropTypes.exact(LinkList.propTypes),\r\n title: PropTypes.string\r\n};\r\n\r\nLinkListBlock.propTypesMeta = 'exclude';\r\n\r\nexport default LinkListBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Link from 'components/link';\r\nimport LinkList from 'components/link-list';\r\nimport NestedLink from 'components/nested-link';\r\n\r\nconst split = links => {\r\n const half =\r\n links.reduce((acc, item) => {\r\n if (!item.items) return acc + 1;\r\n return acc + item.items.length;\r\n }, 0) / 2;\r\n\r\n const columns = links.reduce(\r\n (acc, item, i) => {\r\n if (i === 0) acc.count = 0;\r\n const savedCount = acc.count;\r\n\r\n if (!item.items) acc.count += 1;\r\n else acc.count += item.items.length;\r\n\r\n const previousCountIsCloser =\r\n Math.abs(half - savedCount) < Math.abs(half - acc.count);\r\n if (previousCountIsCloser) acc[1].push(item);\r\n else acc[0].push(item);\r\n return acc;\r\n },\r\n [[], []]\r\n );\r\n\r\n const onlyFilledColumns = columns.filter(column => column.length);\r\n\r\n return onlyFilledColumns;\r\n};\r\n\r\nconst LinkLists = ({ nestedLinks = [], singleColumn }) => {\r\n const columns = split(nestedLinks);\r\n\r\n return (\r\n \r\n {columns.map((column, i) => (\r\n
\r\n );\r\n};\r\n\r\nLinkLists.propTypes = {\r\n nestedLinks: PropTypes.arrayOf(NestedLink.propTypes.item),\r\n singleColumn: PropTypes.bool\r\n};\r\n\r\nLinkLists.propTypesMeta = 'exclude';\r\n\r\nexport default LinkLists;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport Link from 'components/link';\r\nimport propTypeTheme from 'js/utils/prop-type-theme';\r\n\r\nconst themes = {\r\n gray: '-theme-gray',\r\n prominent: '-theme-prominent'\r\n};\r\n\r\nconst LinkWithText = ({ link, onPageEditing, text, theme }) => (\r\n \r\n
\r\n);\r\n\r\nLinkWithText.propTypes = {\r\n link: PropTypes.exact(Link.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n link: PropTypes.string,\r\n text: PropTypes.string\r\n }),\r\n text: PropTypes.string,\r\n theme: PropTypes.oneOf(Object.values(themes))\r\n};\r\n\r\nLinkWithText.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default LinkWithText;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport LinkWithText from 'components/link-with-text';\r\n\r\nconst LinkWithTextList = ({ links }) => {\r\n return (\r\n \r\n \r\n
\r\n\r\n {text}\r\n
\r\n\r\n {links &&\r\n links.map(linkWithText => (\r\n
\r\n );\r\n};\r\n\r\nLinkWithTextList.propTypes = {\r\n links: PropTypes.arrayOf(PropTypes.exact(LinkWithText.propTypes))\r\n};\r\n\r\nexport default LinkWithTextList;\r\n","import React, { useRef, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport getVideoId from 'get-video-id';\r\nimport YouTube from 'react-youtube';\r\n\r\nconst YoutubeVideo = ({ onPageEditing, urlOrEmbed, play }) => {\r\n const playerRef = useRef();\r\n const { id, service } = getVideoId(urlOrEmbed);\r\n\r\n useEffect(() => {\r\n const player = playerRef.current;\r\n if (player && play) {\r\n player.playVideo();\r\n const iframe = player.f;\r\n const requestFullScreen =\r\n iframe.requestFullScreen ||\r\n iframe.webkitRequestFullScreen ||\r\n iframe.mozRequestFullScreen ||\r\n iframe.msRequestFullscreen;\r\n if (requestFullScreen) {\r\n requestFullScreen.bind(iframe)();\r\n }\r\n }\r\n }, [play]);\r\n\r\n // According to the spec, only youtube should be supported:\r\n // https://confluence.ad.forskningsradet.no/display/NYWEB/Embed-blokker\r\n if (service !== 'youtube' || !id) {\r\n return ;\r\n }\r\n\r\n const opts = {\r\n width: '100%',\r\n playerVars: {\r\n autoplay: 0,\r\n modestbranding: 1,\r\n rel: 0\r\n }\r\n };\r\n\r\n return (\r\n \r\n (playerRef.current = e.target)}\r\n title=\"Youtube video\"\r\n />\r\n
\r\n );\r\n};\r\n\r\nYoutubeVideo.propTypes = {\r\n onPageEditing: PropTypes.string,\r\n urlOrEmbed: PropTypes.string,\r\n play: PropTypes.bool\r\n};\r\n\r\nYoutubeVideo.defaultProps = {\r\n urlOrEmbed: '' // get-video-id crashes when argument is undefined\r\n};\r\n\r\nYoutubeVideo.propTypesMeta = 'exclude';\r\n\r\nexport default YoutubeVideo;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport OPE from 'js/on-page-editing';\r\nimport YoutubeVideo from 'components/youtube-video';\r\nimport EmbedBlock from 'components/embed-block';\r\nimport FluidImage from 'components/fluid-image';\r\nimport Link from 'components/link';\r\nimport Image from 'components/image';\r\n\r\nimport cn from 'classnames';\r\n\r\nconst MediaBlock = ({\r\n title,\r\n onPageEditing,\r\n youTubeVideo,\r\n embed,\r\n image,\r\n link,\r\n icon,\r\n caption,\r\n url\r\n}) => {\r\n const hasTitle = Boolean(title || onPageEditing.title);\r\n\r\n return (\r\n \r\n {title && (\r\n \r\n {link ? (\r\n
\r\n )}\r\n \r\n )}\r\n
\r\n \r\n );\r\n};\r\n\r\nMediaBlock.propTypes = {\r\n title: PropTypes.string,\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n youTubeVideo: PropTypes.exact(YoutubeVideo.propTypes),\r\n embed: PropTypes.exact(EmbedBlock.propTypes),\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n link: PropTypes.exact(Link.propTypes),\r\n icon: PropTypes.exact(Image.propTypes),\r\n caption: PropTypes.string,\r\n url: PropTypes.string\r\n};\r\n\r\nMediaBlock.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default MediaBlock;\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport cn from 'classnames';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components/button/button';\r\nimport Collapse from 'components/collapse';\r\nimport HtmlString from 'components/html-string';\r\nimport IconWarning from 'components/icon-warning';\r\nimport Heading from 'components/heading';\r\nimport Icon from 'components/icon';\r\nimport ContentContainer from 'components/content-container';\r\n\r\nconst MINIMUM_HEIGHT = 54;\r\n\r\nconst MessageGlobal = ({\r\n id,\r\n title,\r\n theme,\r\n message,\r\n labels = {},\r\n index,\r\n length,\r\n className,\r\n setActiveIndex,\r\n activeIndex,\r\n setIsOpen,\r\n isOpen\r\n}) => {\r\n const [isMultiLined, setIsMultiLined] = useState(undefined);\r\n const [isMounted, setIsMounted] = useState(false);\r\n const [isExpandable, setIsExpandable] = useState(\r\n (!!message && !!message.text) || length > 1\r\n );\r\n const [wasPreviouslyActive, setWasPreviouslyActive] = useState({\r\n wasActive: undefined,\r\n index: undefined\r\n });\r\n const [fade, setFade] = useState(false);\r\n const [messageHeight, setMessageHeight] = useState();\r\n const titleRef = useRef();\r\n const messageGlobalRef = useRef();\r\n const isActive = activeIndex === index;\r\n\r\n const toggle = () => {\r\n setIsOpen(!isOpen);\r\n };\r\n\r\n useEffect(() => {\r\n // When animating to first message - lower height of message to make sure multiline-titled-messages dissapear behind the first message\r\n if (!isMounted) return;\r\n const shouldAnimateToFirstMessage = !isOpen && isActive && index !== 0;\r\n if (shouldAnimateToFirstMessage) {\r\n window.requestAnimationFrame(() => {\r\n messageGlobalRef.current.style.height =\r\n messageGlobalRef.current.offsetHeight + 'px';\r\n\r\n window.requestAnimationFrame(() => {\r\n messageGlobalRef.current.style.height = MINIMUM_HEIGHT + 'px';\r\n });\r\n });\r\n } else if (isOpen && messageGlobalRef.current.style.height) {\r\n messageGlobalRef.current.style.height = '';\r\n }\r\n }, [isOpen]);\r\n\r\n useEffect(() => {\r\n if (!titleRef.current) return;\r\n const multiLined = titleRef.current.offsetHeight > 32;\r\n if (multiLined) {\r\n setIsMultiLined(multiLined);\r\n setIsExpandable(true);\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n const becameInactive = wasPreviouslyActive.wasActive && !isActive;\r\n if (isMounted) {\r\n if (becameInactive) {\r\n setFade('out');\r\n }\r\n const becameActive = !wasPreviouslyActive.wasActive && isActive;\r\n if (becameActive) {\r\n const isNext = (wasPreviouslyActive.index + 1) % length === index; // \"% length\" to handle last -> first\r\n // \"&& isOpen\" - Always animate backwards after closing\r\n if (isNext && isOpen) {\r\n setFade('in-next');\r\n } else {\r\n setFade('in-previous');\r\n }\r\n }\r\n (becameActive || becameInactive) && setTimeout(() => setFade(''), 700);\r\n }\r\n\r\n setWasPreviouslyActive({ wasActive: isActive, index: activeIndex });\r\n if (!isMounted) setIsMounted(true);\r\n }, [activeIndex]);\r\n\r\n const computeStyle = () => {\r\n const width = 100 / length;\r\n const moveLeft = width * Math.min(index, 1);\r\n const initialOpacity = !fade && (isActive ? '1' : '0');\r\n const initialVisibility = !fade && (isActive ? 'visible' : 'hidden');\r\n\r\n return {\r\n width: `${width}%`,\r\n marginLeft: `-${moveLeft}%`,\r\n opacity: initialOpacity,\r\n visibility: initialVisibility,\r\n zIndex: isActive && 11\r\n };\r\n };\r\n return (\r\n \r\n {link ? (\r\n
\r\n )}\r\n \r\n {youTubeVideo && (\r\n \r\n {caption}\r\n
\r\n )}\r\n {link && (\r\n \r\n {icon &&
\r\n )}\r\n {embed && (\r\n \r\n
\r\n )}\r\n {image && (\r\n \r\n
\r\n )}\r\n {caption && (\r\n \r\n \r\n {title}\r\n \r\n
\r\n {isExpandable && (\r\n \r\n {isOpen ? labels.hide : labels.show}\r\n
\r\n )}\r\n \r\n\r\n {isExpandable && (\r\n \r\n \r\n setActiveIndex(index === 0 ? length - 1 : index - 1)\r\n }\r\n >\r\n
\r\n )}\r\n \r\n \r\n )}\r\n \r\n {globalMessageContainer &&\r\n createPortal(\r\n
\r\n \r\n );\r\n};\r\n\r\nMessageGlobalList.propTypes = {\r\n messageGlobals: PropTypes.arrayOf(PropTypes.exact(MessageGlobal.propTypes)),\r\n initiallyOpen: PropTypes.bool,\r\n prefix: PropTypes.string,\r\n printDescription: PropTypes.string,\r\n defaultPrintMessage: PropTypes.string\r\n};\r\n\r\nexport default MessageGlobalList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport ContentContainer from 'components/content-container';\r\nimport SimpleHeader from 'components/header/simple-header';\r\n\r\nconst NewsletterAdministrationLayout = ({ children, className, header }) => (\r\n \r\n \r\n \r\n {printDescription && (\r\n \r\n
\r\n )}\r\n \r\n \r\n {printDescription}\r\n
\r\n )}\r\n {messageGlobals.length ? (\r\n messageGlobals.map(({ title, theme, message, id }) => (\r\n\r\n
\r\n ))\r\n ) : (\r\n \r\n \r\n {title}\r\n \r\n {message &&
\r\n \r\n {header && \r\n {children}\r\n \r\n
\r\n);\r\n\r\nNewsletterAdministrationLayout.propTypes = {\r\n children: PropTypes.node,\r\n className: PropTypes.string,\r\n header: PropTypes.exact(SimpleHeader.propTypes)\r\n};\r\n\r\nNewsletterAdministrationLayout.propTypesMeta = 'exclude';\r\n\r\nexport default NewsletterAdministrationLayout;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst Validation = ({ message, fields }) => (\r\n \r\n {message}\r\n
\r\n);\r\n\r\nValidation.propTypes = {\r\n message: PropTypes.string,\r\n fields: PropTypes.arrayOf(PropTypes.string)\r\n};\r\n\r\nValidation.defaultProps = {\r\n fields: []\r\n};\r\n\r\nexport default Validation;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components/button';\r\nimport CheckboxGroup from 'components/checkbox-group';\r\nimport Form from 'components/form';\r\nimport Link from 'components/link';\r\nimport NewsletterAdministrationLayout from 'components/newsletter-administration-layout';\r\nimport TextInput from 'components/form-elements/text-input';\r\nimport Validation from 'components/validation';\r\n\r\nconst NewsletterAdminPage = ({\r\n checkboxGroups,\r\n form,\r\n inputFieldsTitle,\r\n inputFieldsItems,\r\n layout,\r\n submitButton,\r\n title,\r\n unsubscribeLink,\r\n validation\r\n}) => (\r\n - \r\n {fields.map(field => (\r\n
- {field} \r\n ))}\r\n
\r\n {title && (\r\n
\r\n\r\n );\r\n}\r\n\r\nGenericTextInputGroup.propTypes = {\r\n title: PropTypes.string,\r\n options: PropTypes.arrayOf(PropTypes.shape({\r\n name: PropTypes.string,\r\n label: PropTypes.string,\r\n value: PropTypes.string\r\n }))\r\n}\r\n\r\n\r\nexport default GenericTextInputGroup;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useState } from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport Button from 'components/button';\r\nimport CheckboxGroup from 'components/checkbox-group';\r\nimport ContentArea from 'components/content-area';\r\nimport Form from 'components/form';\r\nimport PageFooter from 'components/page-footer';\r\nimport RichText from 'components/rich-text';\r\nimport InputEmail from 'components/input-email';\r\nimport Message from 'components/message';\r\nimport ContentContainer from 'components/content-container';\r\nimport ContentWithSidebar from 'components/content-with-sidebar';\r\nimport GenericTextInputGroup from 'components/text-input-group/text-input-with-header';\r\n\r\nconst NewsletterRegistrationPage = React.forwardRef(\r\n (\r\n {\r\n checkboxGroups = [],\r\n genericTextInputGroup = {},\r\n footer,\r\n form,\r\n inputFields,\r\n inputTitle,\r\n richText,\r\n submitButton,\r\n htmlString,\r\n title,\r\n sidebar,\r\n onSubmit,\r\n showFormError = true,\r\n setIsChecked,\r\n showEmailError,\r\n setIsValidEmail\r\n },\r\n ref\r\n ) => {\r\n const [message, setMessage] = useState({});\r\n\r\n return (\r\n {title}
\r\n )}\r\n {options.map((textInput, i) => (\r\n{title}
}\r\n {showFormError && message &&
\r\n {checkboxGroups.map(checkboxGroup => (\r\n \r\n
\r\n )}\r\n {inputTitle && (\r\n \r\n {inputTitle}\r\n
\r\n )}\r\n {inputFields &&\r\n inputFields.map(inputField => (\r\n\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nNewsletterCrmRegistrationPage.propTypes = {\r\n registrationPage: PropTypes.exact(NewsletterRegistrationPage.propTypes)\r\n};\r\n\r\nexport default NewsletterCrmRegistrationPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport NewsletterAdministrationLayout from 'components/newsletter-administration-layout';\r\n\r\nconst NewsletterUnsubscribeConfirmationPage = ({ layout, title, text }) => (\r\n {title}
}\r\n{text}
\r\n \r\n);\r\n\r\nNewsletterUnsubscribeConfirmationPage.propTypes = {\r\n layout: PropTypes.exact(NewsletterAdministrationLayout.propTypes),\r\n title: PropTypes.string,\r\n text: PropTypes.string\r\n};\r\n\r\nexport default NewsletterUnsubscribeConfirmationPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components/button';\r\nimport Form from 'components/form';\r\nimport NewsletterAdministrationLayout from 'components/newsletter-administration-layout';\r\nimport TextInput from 'components/form-elements/text-input';\r\n\r\nconst NewsletterUnsubscribePage = ({\r\n form,\r\n input,\r\n layout,\r\n submitButton,\r\n title\r\n}) => (\r\n{title}
}\r\n\r\n {emailTitle &&
\r\n {emailTitle}
}\r\n{emailText}
\r\n\r\n {categoriesTitle &&
\r\n \r\n);\r\n\r\nNewsletterUpdatedPage.propTypes = {\r\n categoriesTitle: PropTypes.string,\r\n categoriesList: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n name: PropTypes.string,\r\n description: PropTypes.string\r\n })\r\n ),\r\n emailTitle: PropTypes.string,\r\n emailText: PropTypes.string,\r\n layout: PropTypes.exact(NewsletterAdministrationLayout.propTypes),\r\n title: PropTypes.string\r\n};\r\n\r\nNewsletterUpdatedPage.defaultProps = {\r\n categoriesList: []\r\n};\r\n\r\nexport default NewsletterUpdatedPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport Link from 'components/link';\r\n\r\nconst NumberBlock = ({ description, number, onPageEditing, text, url, link }) => (\r\n {categoriesTitle}
}\r\n- \r\n {categoriesList.map(category => (\r\n
- \r\n {category.name}\r\n {category.description && {category.description}}\r\n \r\n
\r\n \r\n {link &&\r\n \r\n {link.text &&
\r\n);\r\n\r\nNumberBlock.propTypes = {\r\n description: PropTypes.string,\r\n number: PropTypes.string,\r\n onPageEditing: PropTypes.exact({\r\n description: PropTypes.string,\r\n number: PropTypes.string,\r\n text: PropTypes.string,\r\n url: PropTypes.string\r\n }),\r\n // The 'text' and 'url' props are separated here (instead of combined in a 'link' object) because the 'url' property is a property of the entire block, not just the 'text' property\r\n text: PropTypes.string,\r\n url: PropTypes.string,\r\n link: PropTypes.shape({\r\n text: PropTypes.string,\r\n url: PropTypes.string\r\n })\r\n};\r\n\r\nNumberBlock.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default NumberBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport propTypeTheme from 'utils/prop-type-theme';\r\nimport NumberBlock from 'components/number-block';\r\nimport cn from 'classnames';\r\n\r\nconst themes = {\r\n twoColumns: '-theme-two-columns',\r\n threeColumns: '-theme-three-columns'\r\n};\r\n\r\nconst NumberListBlock = ({ ...props }) => (\r\n {link.text}
}\r\n \r\n }\r\n \r\n {text &&{text}
}\r\n \r\n\r\n \r\n {number}\r\n \r\n \r\n {description}\r\n \r\n
\r\n \r\n {props.numbers &&\r\n props.numbers.map(numb =>
\r\n);\r\n\r\nNumberListBlock.propTypes = {\r\n numbers: PropTypes.arrayOf(PropTypes.exact(NumberBlock.propTypes)),\r\n theme: PropTypes.oneOf(Object.values(themes))\r\n};\r\n\r\nNumberListBlock.propTypesMeta = 'exclude';\r\n\r\nNumberListBlock.theme = themes;\r\n\r\nexport default NumberListBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Icon from 'components/icon/icon';\r\n\r\nconst types = {\r\n rectangle: 'rectangle',\r\n circle: 'circle',\r\n snakeH: 'snake-horizontal',\r\n snakeV: 'snake-vertical',\r\n longH: 'long-horizontal',\r\n longV: 'long-vertical'\r\n};\r\n\r\nconst colors = {\r\n orange: '#ffb74c',\r\n red: '#ff6d55',\r\n teal: '#6ed5e4',\r\n purple: '#26266d',\r\n green: '#00b982',\r\n pink: '#b35da9'\r\n};\r\n\r\nconst Shape = ({ type, color, className }) => {\r\n return (\r\n \r\n {isMounted &&\r\n menu.map((step, i) => (\r\n \r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nStepsMenu.propTypes = {\r\n menu: PropTypes.arrayOf(PropTypes.exact(Step.propTypes)),\r\n activateStep: PropTypes.func,\r\n menuAnimationTrigger: PropTypes.bool\r\n};\r\n\r\nStepsMenu.propTypesMeta = 'exclude';\r\n\r\nexport default StepsMenu;\r\n","import React /*, { useState } */ from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport YoutubeVideo from 'components/youtube-video/youtube-video';\r\n//import Button from 'components/button/button';\r\n\r\nconst VideoBlock = ({ children, video, step, title, text /*, playText*/ }) => {\r\n //const [play, setPlay] = useState();\r\n\r\n return (\r\n \r\n {children}\r\n
\r\n );\r\n};\r\n\r\nVideoBlock.propTypes = {\r\n children: PropTypes.node,\r\n video: PropTypes.exact(YoutubeVideo.propTypes),\r\n step: PropTypes.string,\r\n title: PropTypes.string,\r\n text: PropTypes.string,\r\n playText: PropTypes.string\r\n};\r\n\r\nVideoBlock.propTypesMeta = 'exclude';\r\n\r\nexport default VideoBlock;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Button from 'components/button';\r\nimport Image from 'components/image';\r\nimport Shape from 'components/nysgjerrigper/shape/shape';\r\nimport { getColor } from 'js/utils/np-colors';\r\nimport doAndWait from 'js/utils/do-and-wait';\r\n\r\nconst StepsBlock = ({ pages, stepIndex }) => {\r\n const [currentIndex, setCurrentIndex] = useState(0);\r\n const [animateLeft, setAnimateLeft] = useState(false);\r\n const [removeTransition, setRemoveTransition] = useState(false);\r\n\r\n const nextPage = async () => {\r\n if (animateLeft || removeTransition) return;\r\n await doAndWait(() => setAnimateLeft(true), 500);\r\n\r\n // These setState calls don't get batched ; they rerender after each call because nextPage is async.\r\n // https://stackoverflow.com/questions/53048495/does-react-batch-state-update-functions-when-using-hooks\r\n requestAnimationFrame(() => {\r\n // Jump to the right\r\n setCurrentIndex(i => (i + 1) % pages.length);\r\n setRemoveTransition(true);\r\n setAnimateLeft(false);\r\n // Add transition after the jump is completed\r\n requestAnimationFrame(() => setRemoveTransition(false));\r\n });\r\n };\r\n\r\n const currentAndNextPage = [\r\n pages[currentIndex],\r\n pages[(currentIndex + 1) % pages.length]\r\n ].filter(page => !!page);\r\n return (\r\n <>\r\n \r\n
\r\n \r\n setPlay(true)}\r\n /> */}\r\n
\r\n \r\n {step}\r\n {title}\r\n
\r\n{text}
\r\n {/*\r\n {currentAndNextPage.map(({ title, text, buttonText, image }, index) => {\r\n const stepIndex = ((index + currentIndex) % pages.length) + 1;\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n );\r\n};\r\n\r\nStepsBlock.propTypes = {\r\n pages: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n title: PropTypes.string,\r\n text: PropTypes.string,\r\n buttonText: PropTypes.string,\r\n image: PropTypes.exact(Image.propTypes)\r\n })\r\n ),\r\n stepIndex: PropTypes.number\r\n};\r\nStepsBlock.propTypesMeta = 'exclude';\r\nexport default StepsBlock;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Shape from 'components/nysgjerrigper/shape/shape';\r\n\r\nimport { getColor } from 'js/utils/np-colors';\r\n\r\nconst types = ['longH', 'snakeV', 'longV'];\r\n\r\n// This is a function to prevent all RandomShapes component from sharing the same type\r\nconst pickType = () => types[Math.floor(Math.random() * 10000) % types.length];\r\n\r\nconst RandomShapes = React.forwardRef(\r\n ({ index, blockIndex, stepIndex, style }, ref) => {\r\n const randomType = useState(pickType)[0]; // This becomes the return of pickType() and not the function pickType\r\n const coinFlip = useState(Math.random() > 0.5)[0];\r\n\r\n const colorIndex =\r\n index >= blockIndex ? stepIndex + index + 1 : stepIndex + index;\r\n\r\n const classes = () => {\r\n const isRight = index % 2 === 1;\r\n const isColumn = randomType === 'snakeV' || randomType === 'longV';\r\n return {\r\n '-right': isRight,\r\n '-right-horizontal': isRight && !isColumn,\r\n '-column': isColumn,\r\n '-reverse': coinFlip\r\n };\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n {`${stepIndex}/${pages.length}`}\r\n {title}\r\n
\r\n{text}
\r\n\r\n \r\n {buttonText}\r\n \r\n
\r\n \r\n {/* \"Responsive\" adds image size queries which prevents GIFs from animating */}\r\n
\r\n \r\n
\r\n );\r\n }\r\n);\r\n\r\nRandomShapes.propTypes = {\r\n index: PropTypes.number,\r\n blockIndex: PropTypes.number,\r\n stepIndex: PropTypes.number,\r\n style: PropTypes.shape(typeof Object)\r\n};\r\n\r\nRandomShapes.propTypesMeta = 'exclude';\r\n\r\nexport default RandomShapes;\r\n","import React, { useState, useLayoutEffect, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Image from 'components/image';\r\nimport RandomShapes from 'components/nysgjerrigper/quotes-block/random-shapes';\r\n\r\nconst QuotesBlock = ({\r\n title,\r\n quotes,\r\n blockIndex,\r\n stepIndex,\r\n stepsContentNode\r\n}) => {\r\n if (!quotes || !quotes.length) return null;\r\n\r\n const [shouldAnimateIn, setShouldAnimateIn] = useState(\r\n quotes.map(() => false)\r\n );\r\n const [parallaxScroll, setParallaxScroll] = useState(\r\n [...Array(quotes.length - 1)].map(() => 0)\r\n );\r\n\r\n const quoteRefs = quotes.map(() => useRef());\r\n const randomShapesRefs = [...Array(quotes.length - 1)].map(() => useRef());\r\n\r\n useLayoutEffect(() => {\r\n if (!stepsContentNode) return;\r\n\r\n const topPosition = ref =>\r\n ref.current.getBoundingClientRect().top - window.innerHeight;\r\n\r\n const onScroll = () => {\r\n const quotePositions = quoteRefs.map(ref => topPosition(ref));\r\n setShouldAnimateIn(state => {\r\n const nextState = quotePositions.map(nodePos => nodePos < 0);\r\n\r\n const needsToUpdate = nextState.some(\r\n (shouldAnimateIn, i) => shouldAnimateIn !== state[i]\r\n );\r\n\r\n if (needsToUpdate) return nextState;\r\n return state;\r\n });\r\n\r\n const randomShapePositions = randomShapesRefs.map(ref =>\r\n topPosition(ref)\r\n );\r\n setParallaxScroll(state => {\r\n const nextState = randomShapePositions.map((nodePos, i) => {\r\n if (nodePos >= 0) return state[i];\r\n const scrollAmountWhileInView = -nodePos;\r\n const speed = 0.5;\r\n\r\n return -(scrollAmountWhileInView * speed);\r\n });\r\n\r\n const needsToUpdate = nextState.some(\r\n (parallaxScroll, i) => parallaxScroll !== state[i]\r\n );\r\n\r\n if (needsToUpdate) return nextState;\r\n\r\n return state;\r\n });\r\n };\r\n\r\n stepsContentNode.addEventListener('scroll', onScroll);\r\n return () => stepsContentNode.removeEventListener('scroll', onScroll);\r\n }, [stepsContentNode]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {title &&
\r\n ))}\r\n \r\n );\r\n};\r\n\r\nQuotesBlock.propTypes = {\r\n title: PropTypes.string,\r\n quotes: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n image: PropTypes.exact(Image.propTypes),\r\n quotee: PropTypes.string,\r\n text: PropTypes.string,\r\n addQuoteDash: PropTypes.bool\r\n })\r\n ),\r\n blockIndex: PropTypes.number,\r\n stepIndex: PropTypes.number,\r\n stepsContentNode: PropTypes.node\r\n};\r\n\r\nQuotesBlock.propTypesMeta = 'exclude';\r\n\r\nexport default QuotesBlock;\r\n","/* eslint-disable react/no-multi-comp */\r\nimport React, { useRef, useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Icon from 'components/icon';\r\nimport Button from 'components/button';\r\nimport VideoBlock from 'components/nysgjerrigper/video-block';\r\n\r\nimport useIsScreenSize from 'js/hooks/use-is-screen-size';\r\nimport StepsBlock from 'components/nysgjerrigper/steps-block';\r\nimport QuotesBlock from 'components/nysgjerrigper/quotes-block';\r\n\r\nimport { backgrounds } from 'js/utils/np-colors';\r\nimport doAndWait from 'js/utils/do-and-wait';\r\n\r\nconst components = {\r\n videoBlock: VideoBlock,\r\n stepsBlock: StepsBlock,\r\n quotesBlock: QuotesBlock\r\n};\r\n\r\nconst StepsContent = ({ close, onClose, activeStepIndex, steps = [] }) => {\r\n const [isActive, setIsActive] = useState(activeStepIndex > -1);\r\n const [scrollPos, setScrollPos] = useState([0, 0, 0, 0, 0, 0]);\r\n const [activeStepIndexState, setActiveStepIndexState] = useState(\r\n activeStepIndex > -1 ? activeStepIndex : 0\r\n );\r\n const [isMounted, setIsMounted] = useState();\r\n const stepsContentRef = useRef();\r\n const isDesktop = useIsScreenSize('md');\r\n\r\n useEffect(() => {\r\n setIsMounted(true);\r\n const unselected = activeStepIndex === -1;\r\n const previousUnselected = !isActive;\r\n if (unselected) {\r\n setIsActive(false);\r\n } else if (previousUnselected) {\r\n setActiveStepIndexState(activeStepIndex);\r\n setIsActive(true);\r\n } else {\r\n const switchOverlay = async () => {\r\n await doAndWait(() => {\r\n setIsActive(false);\r\n }, 500);\r\n setActiveStepIndexState(activeStepIndex);\r\n setIsActive(true);\r\n };\r\n switchOverlay();\r\n }\r\n }, [activeStepIndex]);\r\n\r\n useEffect(() => {\r\n isActive\r\n ? stepsContentRef.current.scrollTo(0, scrollPos[activeStepIndex])\r\n : setScrollPos(state => [\r\n ...state.slice(0, activeStepIndexState),\r\n stepsContentRef.current.scrollTop,\r\n ...state.slice(activeStepIndexState + 1)\r\n ]);\r\n }, [isActive]);\r\n\r\n const getAdditionalProps = (name, blockIndex) => {\r\n switch (name) {\r\n case 'quotesBlock':\r\n return {\r\n blockIndex,\r\n stepIndex: activeStepIndexState,\r\n stepsContentNode: stepsContentRef.current\r\n };\r\n case 'stepsBlock':\r\n return {\r\n stepIndex: activeStepIndexState\r\n };\r\n }\r\n };\r\n\r\n const getBackgroundColor = (index, blockName) => {\r\n switch (blockName) {\r\n case 'stepsBlock':\r\n return { background: 'white' };\r\n case 'quotesBlock':\r\n return { background: 'white' };\r\n default:\r\n return backgrounds(index);\r\n }\r\n };\r\n\r\n const activeStepBlocks = isActive && steps[activeStepIndexState];\r\n\r\n return (\r\n {title}
}\r\n {quotes &&\r\n quotes.map(({ image, text, quotee, addQuoteDash }, index) => (\r\n\r\n \r\n {image &&
\r\n {index < quotes.length - 1 && (\r\n \r\n
\r\n {text}
\r\n {quotee && (\r\n{addQuoteDash ? '–' + quotee : '' + quotee}
\r\n )}\r\n \r\n {isOverviewPage && (\r\n <>\r\n !!step.isActive)}\r\n isActive={!isOverviewPage}\r\n />\r\n
\r\n \r\n );\r\n};\r\n\r\nNpMethod.propTypes = {\r\n title: PropTypes.string,\r\n ingress: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes),\r\n menu: PropTypes.arrayOf(PropTypes.exact(Step.propTypes)),\r\n stepsContent: PropTypes.exact(StepsContent.propTypes)\r\n};\r\n\r\nexport default NpMethod;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components/link';\r\n\r\nconst OfficeBlockInfo = ({ link, moreText, text, title }) => (\r\n \r\n
\r\n \r\n {isOverviewPage && (\r\n <>\r\n
\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n
\r\n {ingress}
\r\n\r\n {title &&
\r\n);\r\n\r\nOfficeBlockInfo.propTypes = {\r\n link: PropTypes.exact(Link.propTypes),\r\n moreText: PropTypes.string,\r\n text: PropTypes.string,\r\n title: PropTypes.string.isRequired\r\n};\r\n\r\nexport default OfficeBlockInfo;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport OfficeBlockInfo from './office-block-info';\r\n\r\nconst OfficeBlock = ({ info, title }) => (\r\n {title}
}\r\n {text &&{text}
}\r\n {moreText &&{moreText}
}\r\n {link && }\r\n\r\n {title &&
\r\n);\r\n\r\nOfficeBlock.propTypes = {\r\n info: PropTypes.arrayOf(PropTypes.exact(OfficeBlockInfo.propTypes)),\r\n title: PropTypes.string\r\n};\r\n\r\nOfficeBlock.defaultProps = {\r\n info: []\r\n};\r\n\r\nexport default OfficeBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Accordion from 'components/accordion/accordion';\r\nimport Icon from 'components/icon/icon';\r\nimport Link from 'components/link';\r\n\r\nconst TabsMobile = ({ title, tabs, accordion }) => {\r\n if (!(tabs || tabs.length || tabs[0])) return null;\r\n const activeItem = tabs.find(tab => tab.isActive);\r\n\r\n return (\r\n {title}
}\r\n\r\n {info.map(infoItem => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n {!isOpen && (\r\n \r\n )}\r\n \r\n {activeItem ? activeItem.link.text : tabs[0].link.text}\r\n \r\n \r\n {isOpen && (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n
\r\n {title}
\r\n- \r\n {tabs.map(({ id, isActive, link }) => (\r\n
- \r\n
\r\n {isMobile ? (\r\n \r\n {links.map(({ isActive, link, id }, index) => (\r\n isActive)}\r\n >\r\n \r\n \r\n ))}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nOfficeListBlock.propTypes = {\r\n links: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n id: PropTypes.string.isRequired,\r\n isActive: PropTypes.bool,\r\n link: PropTypes.exact(Link.propTypes).isRequired\r\n })\r\n ),\r\n selector: PropTypes.exact(TabsMobile.propTypes),\r\n offices: PropTypes.exact(ContentArea.propTypes)\r\n};\r\n\r\nOfficeListBlock.defaultProps = {\r\n links: []\r\n};\r\n\r\nexport default OfficeListBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport ContentArea from 'components/content-area';\r\nimport ContentContainer from 'components/content-container';\r\n\r\nconst PageLinksBlock = ({\r\n highlightedLinks,\r\n linkLists,\r\n onPageEditing,\r\n text,\r\n title\r\n}) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nPageLinksBlock.propTypes = {\r\n highlightedLinks: PropTypes.exact(ContentArea.propTypes),\r\n linkLists: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n id: PropTypes.string,\r\n links: PropTypes.exact(ContentArea.propTypes)\r\n })\r\n ),\r\n onPageEditing: PropTypes.exact({\r\n text: PropTypes.string,\r\n title: PropTypes.string\r\n }),\r\n text: PropTypes.string,\r\n title: PropTypes.string\r\n};\r\n\r\nPageLinksBlock.defaultProps = {\r\n linkLists: [],\r\n onPageEditing: {}\r\n};\r\n\r\nexport default PageLinksBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ContentArea from 'components/content-area';\r\nimport Heading from 'components/heading';\r\n\r\nconst PartnerLogoBlock = ({ items, onPageEditing, title }) => (\r\n \r\n {title &&
\r\n {title}
}\r\n{text}
\r\n\r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n
\r\n);\r\n\r\nPartnerLogoBlock.propTypes = {\r\n items: PropTypes.exact(ContentArea.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n title: PropTypes.string\r\n };\r\n \r\n PartnerLogoBlock.defaultProps = {\r\n items: [],\r\n onPageEditing: {}\r\n };\r\n \r\n export default PartnerLogoBlock;\r\n ","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport Image from 'components/image';\r\n\r\nconst PersonBlock = ({\r\n company,\r\n image,\r\n jobTitle,\r\n name,\r\n onPageEditing,\r\n text\r\n}) => (\r\n \r\n {image && (\r\n
\r\n);\r\n\r\nPersonBlock.propTypes = {\r\n company: PropTypes.string,\r\n image: PropTypes.exact(Image.propTypes),\r\n jobTitle: PropTypes.string,\r\n name: PropTypes.string,\r\n onPageEditing: PropTypes.exact({\r\n company: PropTypes.string,\r\n jobTitle: PropTypes.string,\r\n name: PropTypes.string,\r\n text: PropTypes.string\r\n }),\r\n text: PropTypes.string\r\n};\r\n\r\nPersonBlock.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default PersonBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Link from 'components/link';\r\n\r\nconst SectionTitle = ({ sectionLink }) => {\r\n const linkTheme = '-theme-action-link';\r\n\r\n return ;\r\n};\r\n\r\nexport default SectionTitle;\r\n\r\nSectionTitle.propTypes = {\r\n sectionLink: PropTypes.exact(Link.propTypes)\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Heading from 'components/heading';\r\nimport ContentArea from 'components/content-area';\r\nimport Icon from 'components/icon/icon';\r\nimport SectionTitle from 'components/section-title';\r\n\r\nconst columns = (blocks, singleColumn) => {\r\n if (singleColumn) return ContentArea.themes.singleColumn;\r\n if (blocks.length >= 3) return ContentArea.themes.threeColumns;\r\n if (blocks.length === 2) return ContentArea.themes.twoColumns;\r\n};\r\n\r\nconst props = (blocks, singleColumn) => {\r\n switch (blocks[0].componentName) {\r\n case 'LinkLists':\r\n return [\r\n {\r\n additionalComponentProps: {\r\n LinkLists: {\r\n singleColumn\r\n }\r\n },\r\n decreaseTopMargin: true\r\n },\r\n { name: 'Link_2022' }\r\n ];\r\n case 'LinkWithText':\r\n return [\r\n {\r\n theme: [columns(blocks, singleColumn), ContentArea.themes.portfolio],\r\n decreaseTopMargin: true\r\n },\r\n { name: 'BookOpen_2022' }\r\n ];\r\n case 'ContactList':\r\n return [{}, { name: 'Envelope_2022' }];\r\n default:\r\n return [{}, {}];\r\n }\r\n};\r\n\r\nconst PortfolioContent = ({\r\n isInsidePriorityBlock,\r\n title,\r\n text,\r\n content = {},\r\n singleColumn,\r\n children,\r\n emptyListText,\r\n sectionTitleLinks\r\n}) => {\r\n const [extraProps, icon] =\r\n content.blocks && content.blocks.length\r\n ? props(content.blocks, singleColumn)\r\n : [{}, {}];\r\n\r\n return (\r\n \r\n
\r\n )}\r\n\r\n {name && {name}
}\r\n\r\n {jobTitle}\r\n {company}\r\n
\r\n\r\n {text}\r\n
\r\n\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n
\r\n {emptyListText && \r\n {!singleColumn &&\r\n sectionTitleLinks &&\r\n sectionTitleLinks.map((x, index) => (\r\n
\r\n {text}
}\r\n{emptyListText}
}\r\n {content && content.blocks && (\r\n\r\n {children}\r\n
\r\n);\r\n\r\nPortfolioTile.propTypes = {\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n children: PropTypes.node,\r\n className: PropTypes.string\r\n};\r\n\r\nPortfolioTile.propTypesMeta = 'exclude';\r\n\r\nexport default PortfolioTile;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Heading from 'components/heading';\r\nimport AutoGrid from 'components/auto-grid';\r\nimport Link from 'components/link';\r\nimport LinkWrapper from 'components/link-wrapper/link-wrapper';\r\nimport useIsScreenSize from 'js/hooks/use-is-screen-size';\r\nimport PortfolioTile from './portfolio-tile';\r\n\r\nconst PortfolioTiles = ({ tiles }) => {\r\n const isTabletOrDesktop = useIsScreenSize('md');\r\n const minimumTileSize = isTabletOrDesktop ? 241 : 155;\r\n return (\r\n \r\n \r\n {AutoGridItem =>\r\n tiles.map(({ theme, link }) => {\r\n const { OuterLink, InnerLink } = LinkWrapper(true, link.url);\r\n return (\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\nPortfolioTiles.propTypes = {\r\n tiles: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n link: PropTypes.exact(Link.propTypes),\r\n theme: PortfolioTile.propTypes.theme\r\n })\r\n )\r\n};\r\n\r\nexport default PortfolioTiles;\r\n","import React, { useState, useRef, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Image from 'components/image';\r\nimport Heading from 'components/heading';\r\nimport LinkWrapper from 'components/link-wrapper';\r\n\r\nconst ProcessItem = ({ icon, text, index, url, title }) => {\r\n const { OuterLink } = LinkWrapper(!!url, url);\r\n\r\n return (\r\n \r\n \r\n \r\n {link.text} \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nProcessItem.propTypes = {\r\n icon: PropTypes.exact(Image.propTypes),\r\n text: PropTypes.string,\r\n index: PropTypes.number,\r\n url: PropTypes.string,\r\n title: PropTypes.string\r\n};\r\n\r\nProcessItem.propTypesMeta = 'exclude';\r\n\r\nexport default ProcessItem;\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport responsiveValue from 'js/utils/responsive-value';\r\nimport resizeHook from 'js/hooks/resize';\r\n\r\nimport Carousel from 'components/carousel';\r\nimport Button from 'components/button';\r\nimport ProcessItem from './process-item';\r\nimport HeightOfChild from 'components/height-of-child';\r\n\r\n// Keeping breakpoints outside of component should be fine\r\n// because this state applies to all ProcessCarousels on a page.\r\nlet breakpoints = {\r\n '0px': 1,\r\n '510px': 2,\r\n '768px': 3\r\n};\r\n\r\nconst ProcessCarousel = ({ items, labels = {} }) => {\r\n const [numberOfSlidesToShow, setNumberOfSlidesToShow] = useState(3);\r\n\r\n const updateNumberOfSlides = () => {\r\n const slidesToShow = Math.min(items.length, responsiveValue(breakpoints));\r\n setNumberOfSlidesToShow(slidesToShow);\r\n };\r\n\r\n resizeHook(updateNumberOfSlides);\r\n\r\n return (\r\n \r\n \r\n {text}\r\n \r\n )}\r\n
\r\n \r\n \r\n {icon ? (\r\n \r\n {index + 1}\r\n \r\n )}\r\n
\r\n\r\n {title && (\r\n \r\n
\r\n ) : (\r\n \r\n {title}\r\n
\r\n )}\r\n {text && (\r\n\r\n {title && {title} }\r\n {introText && \r\n {AutoGridItem =>\r\n items.map((item, index) => (\r\n \r\n \r\n ))\r\n }\r\n \r\n ))}\r\n
\r\n {items.length && (\r\n {introText}
}\r\n {items.length &&\r\n (isCarousel ? (\r\n\r\n {items.map(({ title, text, icon }, index) => (\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nProcess.defaultProps = {\r\n items: []\r\n};\r\n\r\nProcess.propTypes = {\r\n title: PropTypes.string,\r\n introText: PropTypes.string,\r\n isCarousel: PropTypes.bool,\r\n items: PropTypes.arrayOf(PropTypes.exact(ProcessItem.propTypes)),\r\n labels: ProcessCarousel.propTypes.labels\r\n};\r\n\r\nexport default Process;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nconst themes = {\r\n isActive: '-is-active',\r\n isCompleted: '-is-completed',\r\n resultIsPublished: '-result-is-published',\r\n isCanceled: '-is-canceled',\r\n isPlanned: '-is-planned'\r\n};\r\n\r\nconst Status = ({ theme, centered, text }) => (\r\n \r\n {icon ? (\r\n \r\n {index + 1}\r\n \r\n )}\r\n {title} \r\n
\r\n ))}\r\n {text}
\r\n{groupTag}
}\r\n);\r\n\r\nStepTag.propTypes = {\r\n groupTag: PropTypes.string\r\n};\r\n\r\nexport default StepTag;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Heading from 'components/heading';\r\nimport Metadata from 'components/metadata';\r\nimport Message from 'components/message';\r\nimport Tags from 'components/tags';\r\nimport Status from 'components/status/status';\r\nimport Icon from 'components/icon';\r\nimport useIsScreenSize from 'js/hooks/use-is-screen-size';\r\nimport StepTag from 'components/step-tag/step-tag';\r\n\r\nconst Proposal = ({\r\n dateLabel,\r\n date,\r\n mobileDate,\r\n year,\r\n status,\r\n title,\r\n metadata,\r\n text,\r\n tags,\r\n isInternational,\r\n url,\r\n messageList,\r\n headingLevel,\r\n groupTag\r\n}) => {\r\n const isDesktop = useIsScreenSize('md');\r\n\r\n return (\r\n\r\n
\r\n );\r\n};\r\n\r\nProposal.propTypes = {\r\n id: PropTypes.string,\r\n dateLabel: PropTypes.string,\r\n date: PropTypes.string,\r\n mobileDate: PropTypes.string,\r\n year: PropTypes.string,\r\n metadata: PropTypes.exact(Metadata.propTypes),\r\n status: PropTypes.exact(Status.propTypes),\r\n tags: PropTypes.exact(Tags.propTypes),\r\n text: PropTypes.string,\r\n title: PropTypes.string,\r\n url: PropTypes.string, // How does link work?\r\n isInternational: PropTypes.bool,\r\n messageList: PropTypes.arrayOf(PropTypes.exact(Message.propTypes)),\r\n headingLevel: PropTypes.number,\r\n groupTag: PropTypes.exact(StepTag.propTypes)\r\n};\r\n\r\nProposal.propTypesMeta = 'exclude';\r\n\r\nexport default Proposal;\r\n","import React, { useEffect, useState, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Proposal from 'components/proposal-list-page/proposal';\r\nconst ProposalCardList = ({ proposals }) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {isInternational && (\r\n {dateLabel}
\r\n \r\n \r\n \r\n
\r\n )}\r\n {groupTag && (\r\n \r\n
\r\n )}\r\n \r\n {status && \r\n {title}\r\n \r\n \r\n {messageList &&\r\n messageList.map(message => (\r\n
\r\n \r\n
\r\n ))}\r\n {metadata && (\r\n {text}
\r\n {tags &&\r\n {proposals.map(proposal => (\r\n
\r\n );\r\n};\r\n\r\nProposalCardList.propTypes = {\r\n proposals: PropTypes.arrayOf(PropTypes.exact(Proposal.propTypes))\r\n};\r\n\r\nexport default ProposalCardList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Accordion from 'components/accordion';\r\nimport Button from 'components/button';\r\nimport RichText from 'components/rich-text';\r\nimport Icon from 'components/icon';\r\nimport Proposal from './proposal';\r\n\r\nconst ProposalGroup = ({\r\n accordion,\r\n numberOfVisibleItems,\r\n proposals,\r\n subtitle,\r\n text,\r\n title,\r\n headerAccordion,\r\n headingLevel\r\n}) => {\r\n const visibleItems = proposals.slice(0, numberOfVisibleItems);\r\n const hiddenItems = proposals.slice(numberOfVisibleItems);\r\n\r\n return (\r\n \r\n \r\n {({ Collapse, Button, isOpen, toggle }) => (\r\n \r\n\r\n {visibleItems.map(proposal => (\r\n \r\n {({ Button: AccordionButton, Collapse }) => (\r\n \r\n \r\n \r\n\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nProposalGroup.propTypes = {\r\n accordion: PropTypes.exact(Accordion.propTypes),\r\n headerAccordion: PropTypes.exact(Accordion.propTypes),\r\n numberOfVisibleItems: PropTypes.number,\r\n proposals: PropTypes.arrayOf(PropTypes.exact(Proposal.propTypes)),\r\n subtitle: PropTypes.string,\r\n text: PropTypes.exact(RichText.propTypes),\r\n title: PropTypes.string,\r\n headingLevel: PropTypes.number\r\n};\r\n\r\nProposalGroup.defaultProps = {\r\n numberOfVisibleItems: 3,\r\n proposals: []\r\n};\r\n\r\nProposalGroup.propTypesMeta = 'exclude';\r\n\r\nexport default ProposalGroup;\r\n","/* eslint-disable react/no-multi-comp */\r\nimport React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport FluidImage from 'components/fluid-image';\r\nimport Heading from 'components/heading';\r\nimport Accordion from 'components/accordion';\r\nimport AutoGrid from 'components/auto-grid';\r\nimport Link from 'components/link';\r\nimport DatesMore from 'components/dates-more';\r\nimport Icon from 'components/icon';\r\n\r\nconst escapeSpecialChar = str => str.split('?').join('\\\\?');\r\n\r\nconst ProposalShortcuts = ({ title, items, accordion, initiallyOpenUrls }) => {\r\n const [openOnPageLoad, setOpenOnPageLoad] = useState();\r\n\r\n useEffect(() => {\r\n if (!initiallyOpenUrls) return;\r\n const isMatch = initiallyOpenUrls.some(url => {\r\n const regExp = new RegExp(`${escapeSpecialChar(url)}/?$`);\r\n return regExp.test(window.location.href);\r\n });\r\n setOpenOnPageLoad(isMatch);\r\n }, []);\r\n\r\n if (openOnPageLoad === undefined) return null; // Because Accordions \"initiallyOpen\" prop only works on mount\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n {subtitle}
\r\n\r\n {hiddenItems.map(proposal => (\r\n
\r\n \r\n \r\n {item.image && (\r\n
\r\n \r\n ))\r\n }\r\n \r\n
\r\n )}\r\n \r\n {item.articleTitle && (\r\n \r\n {item.articleTitle}\r\n \r\n )}\r\n {item.text && (\r\n
\r\n \r\n {item.moreDates && (\r\n \r\n {item.text}\r\n
\r\n )}\r\n {item.status && (\r\n\r\n \r\n
\r\n )}\r\n \r\n {items.map(item => (\r\n
\r\n);\r\n\r\nProposalData.propTypes = {\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n label: PropTypes.string.isRequired,\r\n text: PropTypes.string,\r\n links: PropTypes.arrayOf(PropTypes.exact(Link.propTypes))\r\n })\r\n )\r\n};\r\n\r\nProposalData.defaultProps = {\r\n items: [{ links: [] }],\r\n onPageEditing: {}\r\n};\r\n\r\nexport default ProposalData;\r\n","import React from 'react';\r\n\r\nimport ContactInfo from 'components/contact-info';\r\nimport Link from 'components/link';\r\n\r\nconst ProposalContact = ({ details, title }) => {\r\n return (\r\n \r\n {item.label}\r\n \r\n {item.text && (\r\n {item.text}\r\n )}\r\n {item.links &&\r\n item.links.map(link => (\r\n \r\n {link.text}\r\n \r\n ))}\r\n \r\n
\r\n ))}\r\n \r\n {title}\r\n {details.map(detail => (\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nProposalContact.propTypes = ContactInfo.propTypes;\r\n\r\nProposalContact.defaultProps = ContactInfo.defaultProps;\r\n\r\nexport default ProposalContact;\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Heading from 'components/heading';\r\n\r\nimport RichText from 'components/rich-text';\r\n\r\nconst TimelineItem = ({\r\n isPastDate,\r\n subTitle,\r\n text,\r\n title,\r\n progress,\r\n delay,\r\n isLast\r\n}) => {\r\n const [startAnimation, setStartAnimation] = useState(false);\r\n useEffect(() => {\r\n setTimeout(() => setStartAnimation(true), delay);\r\n });\r\n\r\n const animTime = progress ? 0.5 * (progress / 100) : 0.5;\r\n\r\n return (\r\n \r\n {!!progress && (\r\n
\r\n {subTitle && (\r\n {this.props.title}
}\r\n {this.props.items.map(item => (\r\n\r\n {item.title}\r\n
\r\n )}\r\n\r\n {item.subTitle && (\r\n\r\n {item.subTitle}\r\n
\r\n )}\r\n\r\n{this.props.title}
}\r\n\r\n {this.state.isVisible && (\r\n (\r\n \r\n )}\r\n previousButton={(previous, hasPrevious) => (\r\n \r\n )}\r\n >\r\n {this.props.items.map((item, index) => {\r\n const delay = 500 * (index - this.props.startIndex + 1);\r\n return (\r\n
\r\n \r\n \r\n \r\n
\r\n);\r\n\r\nRecord.propTypes = {\r\n date: PropTypes.string,\r\n richText: PropTypes.exact(RichText.propTypes),\r\n shouldFade: PropTypes.bool,\r\n hideLine: PropTypes.bool\r\n};\r\n\r\nRecord.propTypesMeta = 'exclude';\r\n\r\nexport default Record;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\nimport ContentContainer from 'components/content-container';\r\nimport Accordion from 'components/accordion';\r\nimport Icon from 'components/icon/icon';\r\nimport Record from './record';\r\n\r\nconst TimelineVertical = ({\r\n title,\r\n records,\r\n numberOfVisibleRecords,\r\n accordion,\r\n onPageEditing = {},\r\n isBlock = true\r\n}) => {\r\n const visibleRecords = records.slice(0, numberOfVisibleRecords);\r\n const hiddenRecords = records.slice(numberOfVisibleRecords);\r\n\r\n const isExpandable = numberOfVisibleRecords < records.length;\r\n const isLast = (i, arr) => i === arr.length - 1;\r\n\r\n const ContentContainerOrDiv = isBlock ? 'div' : ContentContainer;\r\n return (\r\n {date}
\r\n \r\n \r\n
\r\n \r\n {title}\r\n
\r\n )}\r\n\r\n\r\n {visibleRecords.map((record, index) => (\r\n \r\n \r\n
\r\n\r\n {isExpandable && (\r\n \r\n )}\r\n \r\n )}\r\n \r\n {hiddenRecords.map((record, index) => (\r\n
\r\n \r\n {title && (\r\n
\r\n);\r\n\r\nRichTextWithTitle.propTypes = {\r\n headingLevel: PropTypes.number,\r\n headingLevelOffset: PropTypes.number,\r\n htmlId: PropTypes.string,\r\n text: PropTypes.exact(RichText.propTypes),\r\n title: PropTypes.string\r\n};\r\n\r\nRichTextWithTitle.propTypesMeta = 'exclude';\r\n\r\nexport default RichTextWithTitle;\r\n","/* eslint-disable react/no-multi-comp */\r\n\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport RichTextWithTitle from 'components/rich-text-with-title';\r\nimport RichText from 'components/rich-text';\r\n\r\nconst SimpleTabContentSection = ({\r\n sectionTitle,\r\n sectionText,\r\n htmlId,\r\n subSections\r\n}) => {\r\n return (\r\n \r\n \r\n {title}\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {sectionTitle && (\r\n \r\n {sectionTitle}\r\n \r\n )}\r\n {sectionText && (\r\n
\r\n );\r\n};\r\n\r\nSimpleTabContentSection.propTypes = {\r\n sectionTitle: PropTypes.string,\r\n sectionText: PropTypes.exact(RichText.propTypes),\r\n htmlId: PropTypes.string,\r\n subSections: PropTypes.arrayOf(PropTypes.exact(RichTextWithTitle.propTypes))\r\n};\r\n\r\nexport default SimpleTabContentSection;\r\n","/* eslint-disable react/no-multi-comp */\r\n\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport ContentContainer from 'components/content-container';\r\nimport ContentWithSidebar from 'components/content-with-sidebar';\r\nimport StickyMenuOnTabs from 'components/sticky-menu-on-tabs';\r\nimport SimpleTabContentSection from 'components/tab-content-section-simple';\r\n\r\nconst buildMenuData = (menuTitle, contentSections) => {\r\n return {\r\n title: menuTitle,\r\n\r\n navGroups: contentSections.map(section => {\r\n var titleLink = section.sectionTitle && {\r\n text: section.sectionTitle,\r\n url: `#${section.htmlId}`\r\n };\r\n\r\n var links = section.subSections && {\r\n items: section.subSections.map(x => {\r\n return {\r\n link: {\r\n text: x.title,\r\n url: `#${x.htmlId}`\r\n }\r\n };\r\n })\r\n };\r\n\r\n return {\r\n ...(titleLink != null && { titleLink: titleLink }),\r\n ...(links != null && { links: links })\r\n };\r\n })\r\n };\r\n};\r\n\r\nconst TibiTabContent = ({ menuTitle, contentSections }) => {\r\n const className = 'tab-content';\r\n const menu = buildMenuData(menuTitle, contentSections);\r\n\r\n const tibiTabContent = (\r\n \r\n
\r\n )}\r\n\r\n {subSections &&\r\n subSections.map(\r\n text =>\r\n text && (\r\n \r\n
\r\n )\r\n )}\r\n \r\n
\r\n ))\r\n : null;\r\n\r\nconst TabContentSection = ({\r\n content,\r\n contentDescription,\r\n downloadList,\r\n ingress,\r\n application,\r\n moreContent,\r\n moreTexts,\r\n title,\r\n texts,\r\n process,\r\n htmlId\r\n}) => {\r\n return (\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {ingress && (\r\n
\r\n );\r\n};\r\n\r\nTabContentSection.propTypes = {\r\n content: PropTypes.exact(ContentArea.propTypes),\r\n contentDescription: PropTypes.exact(RichTextWithTitle.propTypes),\r\n downloadList: PropTypes.exact(DownloadList.propTypes),\r\n ingress: PropTypes.exact(RichText.propTypes),\r\n moreContent: PropTypes.exact(ContentArea.propTypes),\r\n moreTexts: PropTypes.arrayOf(PropTypes.exact(RichTextWithTitle.propTypes)),\r\n title: PropTypes.string,\r\n texts: PropTypes.arrayOf(PropTypes.exact(RichTextWithTitle.propTypes)),\r\n process: PropTypes.exact(Process.propTypes),\r\n htmlId: PropTypes.string,\r\n application: PropTypes.exact({\r\n title: PropTypes.string,\r\n text: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes)\r\n })\r\n};\r\n\r\nTabContentSection.defaultProps = {\r\n moreTexts: [],\r\n texts: []\r\n};\r\n\r\nexport default TabContentSection;\r\n","/* eslint-disable react/no-multi-comp */\r\n\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport ContentContainer from 'components/content-container';\r\nimport ContentWithSidebar from 'components/content-with-sidebar';\r\nimport StickyMenuOnTabs from 'components/sticky-menu-on-tabs';\r\nimport TabContentSection from 'components/tab-content-section';\r\n\r\nconst TabContent = ({ menu, contentSections }) => {\r\n const tabContent = (\r\n \r\n
\r\n )}\r\n {content && (\r\n \r\n
\r\n )}\r\n {textList(moreTexts)}\r\n {application && (\r\n \r\n {application.title &&
\r\n )}\r\n {downloadList && (\r\n {application.title}
}\r\n{application.text}
\r\n {application.link && (\r\n\r\n
\r\n )}\r\n \r\n
\r\n )\r\n }\r\n else {\r\n return (\r\n \r\n \r\n {items.map(({ guid, name, disabled }, index) => {\r\n const isCurrent = guid === currentTab;\r\n return (\r\n \r\n \r\n {name}\r\n \r\n \r\n );\r\n })}\r\n \r\n
\r\n );\r\n };\r\n}\r\n\r\n\r\nTabs.propTypes = {\r\n activeTab: PropTypes.string,\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n guid: PropTypes.string.isRequired,\r\n content: TabContentWrapper.PropTypes,\r\n name: PropTypes.string.isRequired\r\n })\r\n ),\r\n};\r\n\r\nTabs.defaultProps = {\r\n items: []\r\n};\r\n\r\n\r\nexport default Tabs;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components/button';\r\nimport ContentContainer from 'components/content-container';\r\nimport Link from 'components/link';\r\nimport Message from 'components/message';\r\nimport ProposalData from './proposal-data';\r\nimport ProposalContact from './proposal-contact';\r\nimport RichText from 'components/rich-text';\r\nimport TimelineHorizontal from 'components/timeline-horizontal';\r\nimport Icon from 'components/icon';\r\nimport OptionsModal from 'components/options-modal';\r\nimport DateCardStatus from 'components/date-card/date-card-status';\r\nimport ArticleHeader from 'components/article-header';\r\nimport TimelineVertical from 'components/timeline-vertical';\r\nimport Tabs from 'components/tabs';\r\nimport Status from 'components/status';\r\n\r\nconst ProposalPage = ({\r\n applyButton,\r\n contact,\r\n contactLabel,\r\n download,\r\n metadataLeft,\r\n metadataRight,\r\n message,\r\n descriptionTitle,\r\n descriptionText,\r\n descriptionIngress,\r\n tabs,\r\n title,\r\n timelineHorizontal,\r\n share,\r\n isInternational,\r\n statusList,\r\n header,\r\n timelineVertical\r\n}) => (\r\n \r\n {items.map(tab => {\r\n const isCurrent = tab.guid === currentTab;\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n {statusList && (\r\n \r\n {isInternational && (\r\n
\r\n )}\r\n {header && \r\n \r\n \r\n )}\r\n {timelineHorizontal && \r\n {descriptionTitle && \r\n {tabs &&
\r\n);\r\n\r\nProposalPage.propTypes = {\r\n applyButton: PropTypes.exact(Link.propTypes),\r\n contact: PropTypes.exact(ProposalContact.propTypes),\r\n contactLabel: PropTypes.string,\r\n download: PropTypes.exact(OptionsModal.propTypes),\r\n header: PropTypes.exact(ArticleHeader.propTypes),\r\n metadataLeft: PropTypes.exact(ProposalData.propTypes),\r\n metadataRight: PropTypes.exact(ProposalData.propTypes),\r\n message: PropTypes.exact(Message.propTypes),\r\n descriptionTitle: PropTypes.string,\r\n descriptionText: PropTypes.exact(RichText.propTypes),\r\n descriptionIngress: PropTypes.string,\r\n tabs: PropTypes.exact(Tabs.propTypes),\r\n timelineHorizontal: PropTypes.exact(TimelineHorizontal.propTypes),\r\n title: PropTypes.string,\r\n isInternational: PropTypes.bool,\r\n share: PropTypes.exact(OptionsModal.propTypes),\r\n statusList: PropTypes.arrayOf(PropTypes.exact(DateCardStatus.propTypes)),\r\n timelineVertical: PropTypes.exact(TimelineVertical.propTypes)\r\n};\r\n\r\nProposalPage.defaultProps = {\r\n downloadLinks: []\r\n};\r\n\r\nexport default ProposalPage;\r\n","import React from 'react';\r\n\r\nimport GroupedSearchPage from 'components/grouped-search-page';\r\n\r\nconst PublicationsPage = props => (\r\n \r\n {statusList.map(status => (\r\n //
\r\n )}\r\n {title && (\r\n \r\n {isInternational && (\r\n
\r\n )}\r\n {header && \r\n \r\n \r\n
\r\n {message && (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {contactLabel}\r\n
\r\n )}\r\n \r\n
\r\n {descriptionTitle}
}\r\n\r\n {descriptionIngress && (\r\n
\r\n \r\n {descriptionIngress}\r\n
\r\n )}\r\n\r\n \r\n “\r\n\r\n);\r\n\r\nQuote.propTypes = {\r\n onPageEditing: PropTypes.exact({\r\n text: PropTypes.string,\r\n quoteBy: PropTypes.string\r\n }),\r\n text: PropTypes.string,\r\n quoteBy: PropTypes.string\r\n};\r\n\r\nQuote.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default Quote;\r\n","import React, { useRef, useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport useResize from 'js/hooks/resize';\r\n\r\nconst Ref = ({ children, className, refValue, refKey }) => {\r\n const compRef = useRef();\r\n\r\n const forceUpdate = useState()[1];\r\n useResize(forceUpdate);\r\n\r\n const effectDependency = compRef.current && compRef.current[refKey];\r\n\r\n useEffect(() => {\r\n refValue(compRef.current[refKey]);\r\n }, [effectDependency]);\r\n\r\n return (\r\n{text}
\r\n {quoteBy}\r\n
\r\n {children}\r\n
\r\n );\r\n};\r\n\r\nRef.propTypes = {\r\n children: PropTypes.node,\r\n className: PropTypes.string,\r\n sendRef: PropTypes.func\r\n};\r\n\r\nRef.propTypesMeta = 'exclude';\r\n\r\nexport default Ref;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components/button';\r\nimport EmptyList from 'components/empty-list';\r\nimport Link from 'components/link';\r\nimport cn from 'classnames';\r\nimport Heading from 'components/heading';\r\nimport AutoGrid from 'components/auto-grid';\r\n\r\nconst borders = {\r\n top: '-border-top',\r\n bottom: '-border-bottom'\r\n};\r\n\r\nconst RelatedContent = ({\r\n children,\r\n emptyList,\r\n link,\r\n onPageEditing,\r\n title,\r\n border,\r\n isGrid,\r\n itemMinWidth\r\n}) => {\r\n const gridLinkThemes = [Button.themes.orangeOutline, Button.themes.big];\r\n return (\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {React.Children.count(children) > 0 ? (\r\n \r\n {AutoGridItem =>\r\n React.Children.map(children, child => (\r\n \r\n {child}\r\n \r\n ))\r\n }\r\n \r\n ) : (\r\n
\r\n );\r\n};\r\n\r\nRelatedContent.propTypes = {\r\n children: PropTypes.node,\r\n emptyList: PropTypes.exact(EmptyList.propTypes),\r\n link: PropTypes.exact(Link.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n title: PropTypes.string,\r\n border: PropTypes.oneOf(Object.keys(borders)),\r\n isGrid: PropTypes.bool,\r\n itemMinWidth: PropTypes.number\r\n};\r\n\r\nRelatedContent.defaultProps = {\r\n border: 'bottom',\r\n onPageEditing: {}\r\n};\r\n\r\nRelatedContent.propTypesMeta = 'exclude';\r\nexport default RelatedContent;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport ArticleBlock from 'components/article-block';\r\nimport RelatedContent from 'components/related-content';\r\n\r\nconst RelatedArticles = ({\r\n articles,\r\n relatedContent,\r\n usedInSidebar,\r\n isGrid,\r\n isPublication\r\n}) => {\r\n const articleTheme = () => {\r\n const themes = [ArticleBlock.themes.noMargin];\r\n if (usedInSidebar) themes.push(ArticleBlock.themes.sidebar);\r\n if (isGrid) themes.push(ArticleBlock.themes.vertical);\r\n if (isPublication) themes.push(ArticleBlock.themes.publication);\r\n return themes;\r\n };\r\n const relatedContentProps = { ...relatedContent, isGrid };\r\n return (\r\n \r\n
\r\n )}\r\n \r\n \r\n {dates.map(date => (\r\n \r\n
\r\n );\r\n};\r\n\r\nRelatedDates.propTypes = {\r\n dates: PropTypes.arrayOf(PropTypes.exact(DateCard.propTypes)),\r\n relatedContent: PropTypes.exact(RelatedContent.propTypes),\r\n usedInSidebar: PropTypes.bool,\r\n isGrid: PropTypes.bool\r\n};\r\n\r\nRelatedDates.defaultProps = {\r\n dates: []\r\n};\r\n\r\nexport default RelatedDates;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport RelatedContent from 'components/related-content';\r\nimport SearchResult from 'components/search-result';\r\n\r\nconst RelatedPublications = ({\r\n relatedContent,\r\n publications,\r\n usedInSidebar\r\n}) => (\r\n \r\n \r\n \r\n {title && \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n);\r\n\r\nResponsiveIframePage.propTypes = {\r\n footer: PropTypes.exact(PageFooter.propTypes),\r\n iframe: PropTypes.exact(ResponsiveIframe.propTypes),\r\n richText: PropTypes.exact(RichText.propTypes),\r\n sidebar: PropTypes.exact(ContentArea.propTypes),\r\n title: PropTypes.string\r\n};\r\n\r\nexport default ResponsiveIframePage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Button from 'components/button';\r\nimport RichText from 'components/rich-text';\r\nimport Link from 'components/link';\r\n\r\nimport cn from 'classnames';\r\n\r\nconst RSS = ({ rssHeader, rssInfo, rssButton }) => (\r\n {title}
}\r\n\r\n
\r\n \r\n \r\n {rssButton}\r\n \r\n
\r\n \r\n
\r\n {rssHeader}
\r\n\r\n {rssInfo &&
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nSatelliteFrontpage.propTypes = {\r\n satelliteHeader: PropTypes.exact(FrontpageHeader.propTypes),\r\n content: PropTypes.exact(ContentArea.propTypes)\r\n};\r\n\r\nexport default SatelliteFrontpage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Button from 'components/button';\r\nimport ContentContainer from 'components/content-container';\r\nimport FluidImage from 'components/fluid-image';\r\nimport Link from 'components/link';\r\nimport Map from 'components/map';\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nconst textColors = {\r\n light: '-light-text'\r\n};\r\n\r\nconst SatelliteHeader = ({\r\n image,\r\n ingress,\r\n links,\r\n map,\r\n onPageEditing,\r\n title,\r\n text,\r\n textColor\r\n}) => {\r\n return (\r\n \r\n \r\n {map && }\r\n {image && \r\n {text && (\r\n \r\n {text}\r\n \r\n )}\r\n {!!links.length && (\r\n \r\n {links.map(link => (\r\n
\r\n )}\r\n \r\n \r\n \r\n {title && (\r\n \r\n {ingress}\r\n \r\n )}\r\n
\r\n \r\n );\r\n};\r\n\r\nSatelliteHeader.propTypes = {\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n ingress: PropTypes.string,\r\n links: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n map: PropTypes.exact(Map.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string,\r\n ingress: PropTypes.string,\r\n text: PropTypes.string,\r\n links: PropTypes.string\r\n }),\r\n title: PropTypes.string.isRequired,\r\n text: PropTypes.string,\r\n textColor: PropTypes.oneOf(Object.values(textColors))\r\n};\r\n\r\nSatelliteHeader.defaultProps = {\r\n onPageEditing: {},\r\n links: []\r\n};\r\n\r\nexport default SatelliteHeader;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport RichText from 'components/rich-text';\r\nimport Heading from 'components/heading';\r\n\r\nconst Schedule = ({ programList = [], onPageEditing, lastTitle }) => (\r\n \r\n {title}\r\n
\r\n )}\r\n {ingress && (\r\n\r\n {programList.map(({ time, title, text, isBreak }, i) => {\r\n const isLast = i === programList.length - 1;\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n);\r\n\r\nSchedule.propTypes = {\r\n programList: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n time: PropTypes.string,\r\n title: PropTypes.string,\r\n text: PropTypes.exact(RichText.propTypes),\r\n isBreak: PropTypes.bool\r\n })\r\n ),\r\n lastTitle: PropTypes.string,\r\n onPageEditing: PropTypes.exact({\r\n programList: PropTypes.string\r\n })\r\n};\r\n\r\nSchedule.defaultProps = {\r\n onPageEditing: {}\r\n};\r\nexport default Schedule;\r\n","import React, { useState, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nconst Screen9 = ({\r\n embed,\r\n title,\r\n onPageEditing\r\n}) => {\r\n\r\n return (\r\n {time}
\r\n \r\n \r\n {title || (isLast && lastTitle)}\r\n \r\n
\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\n\r\nScreen9.propTypes = {\r\n embed: PropTypes.string\r\n};\r\n\r\nexport default Screen9;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ContentContainer from 'components/content-container';\r\nimport EmptyList from 'components/empty-list';\r\nimport FilterLayout from 'components/filter-layout';\r\nimport Form from 'components/form';\r\nimport Search from 'components/search';\r\nimport Pagination from 'components/pagination';\r\nimport SearchResult from 'components/search-result';\r\nimport Spinner from 'components/spinner';\r\nimport useFetchFilteredResults from 'js/hooks/use-fetch-filtered-results';\r\n\r\nconst SearchPage = ({\r\n emptyList,\r\n filterLayout,\r\n form,\r\n pagination,\r\n results,\r\n resultDescription,\r\n search,\r\n title,\r\n fetchFilteredResultsEndpoint\r\n}) => {\r\n const [\r\n isLoading,\r\n {\r\n results: resultsState,\r\n pagination: paginationState,\r\n resultDescription: resultDescriptionState,\r\n emptyList: emptyListState,\r\n search: searchState,\r\n filterLayout: filterLayoutState\r\n },\r\n fetchResults\r\n ] = useFetchFilteredResults(\r\n {\r\n results,\r\n pagination,\r\n resultDescription,\r\n emptyList,\r\n search,\r\n filterLayout\r\n },\r\n fetchFilteredResultsEndpoint,\r\n form.endpoint,\r\n search.input\r\n );\r\n\r\n const topLine = (\r\n {resultDescriptionState}
\r\n );\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nSearchPage.propTypes = {\r\n emptyList: PropTypes.exact(EmptyList.propTypes),\r\n filterLayout: PropTypes.exact(FilterLayout.propTypes),\r\n form: PropTypes.exact(Form.propTypes),\r\n pagination: PropTypes.exact(Pagination.propTypes),\r\n results: PropTypes.arrayOf(PropTypes.exact(SearchResult.propTypes)),\r\n resultDescription: PropTypes.string,\r\n search: PropTypes.exact(Search.propTypes),\r\n title: PropTypes.string,\r\n fetchFilteredResultsEndpoint: PropTypes.string\r\n};\r\n\r\nSearchPage.defaultProps = {\r\n results: []\r\n};\r\n\r\nexport default SearchPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Image from 'components/image/image';\r\nimport Link from 'components/link/link';\r\n\r\nconst StatsLink = ({ image, title, link }) => (\r\n \r\n
\r\n);\r\n\r\nStatsLink.propTypes = {\r\n image: PropTypes.exact(Image.propTypes),\r\n title: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes)\r\n};\r\nexport default StatsLink;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport StatsLink from 'components/stats-link-list/stats-link';\r\nimport Link from 'components/link';\r\nimport Button from 'components/button';\r\nimport PortfolioContent from 'components/portfolio-content';\r\nimport Image from 'components/image';\r\n\r\nconst StatsLinkList = ({\r\n heading,\r\n statsLinks = [],\r\n aboutImage = {},\r\n seeMoreLink\r\n}) => {\r\n return (\r\n \r\n
\r\n {link && }\r\n {title}
}\r\n\r\n
\r\n \r\n {statsLinks.map((statsLink, index) => (\r\n
\r\n {aboutImage.src && (\r\n \r\n
\r\n )}\r\n {seeMoreLink && (\r\n {title}
\r\n\r\n\r\n {icons &&\r\n icons.map((icon, index) => (\r\n
\r\n\r\n \r\n {icon.title}\r\n
\r\n ))}\r\n \r\n {statusMessage &&
\r\n\r\n \r\n {serviceStatus.map((status, index) => (\r\n
\r\n\r\n \r\n
\r\n ))}\r\n \r\n toggleCollapse(status.title)}>\r\n
\r\n
\r\n {isCollapsed[status.title] && (\r\n toggleCollapse(status.title)}>\r\n
\r\n \r\n
\r\n )}\r\n {status.description}
\r\n\r\n {share && isOpen && (\r\n \r\n {title}\r\n \r\n )}\r\n
\r\n {sidebar && (\r\n \r\n \r\n
\r\n )}\r\n {title && (\r\n \r\n
\r\n )}\r\n \r\n);\r\n\r\nTextWithSidebar.propTypes = {\r\n headingLevel: PropTypes.number,\r\n sidebar: PropTypes.exact(ContentArea.propTypes),\r\n text: PropTypes.exact(RichText.propTypes),\r\n title: PropTypes.string,\r\n htmlId: PropTypes.string,\r\n isProposalPage: PropTypes.bool,\r\n share: PropTypes.exact(OptionsModal.propTypes),\r\n isOpen: PropTypes.bool\r\n};\r\n\r\nTextWithSidebar.propTypesMeta = 'exclude';\r\n\r\nTextWithSidebar.defaultProps = {\r\n headingLevel: 2\r\n};\r\n\r\nexport default TextWithSidebar;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ProposalData from '../proposal-page/proposal-data';\r\nimport ProposalContact from 'components/proposal-page/proposal-contact';\r\nimport Link from 'components/link';\r\nimport cn from 'classnames';\r\n\r\nconst TibiProposalData = ({\r\n items,\r\n contacts,\r\n contactLabel,\r\n rightColumn = false,\r\n arbitrary = false\r\n}) => {\r\n if (rightColumn && !arbitrary) {\r\n return (\r\n <>\r\n {items.map((item, idx) => (\r\n \r\n
\r\n ));\r\n }\r\n\r\n if (arbitrary) {\r\n return items.map((item, idx) => (\r\n \r\n \r\n {goBack && (\r\n \r\n \r\n {isInternational && (\r\n
\r\n )}\r\n {preamble && (\r\n \r\n \r\n {siblings && siblings.links.length > 0 && \r\n\r\n
\r\n {message && (\r\n \r\n
\r\n )}\r\n {statusList && (\r\n \r\n {statusList.map(status => (\r\n
\r\n )}\r\n {title && (\r\n \r\n {isInternational && (\r\n
\r\n )}\r\n {preamble && (\r\n \r\n
\r\n )}\r\n \r\n \r\n {header && \r\n
\r\n )}\r\n\r\n \r\n {metaDataTitle}\r\n
\r\n )}\r\n\r\n
\r\n {arbitraryMetadata.items && arbitraryMetadata.items.length > 0 && (\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nVacancy.propTypes = {\r\n id: PropTypes.string,\r\n dateLabel: PropTypes.string,\r\n date: PropTypes.string,\r\n mobileDate: PropTypes.string,\r\n year: PropTypes.string,\r\n metadata: PropTypes.exact(Metadata.propTypes),\r\n status: PropTypes.exact(Status.propTypes),\r\n text: PropTypes.string,\r\n title: PropTypes.string,\r\n url: PropTypes.string,\r\n headingLevel: PropTypes.number\r\n};\r\n\r\nVacancy.propTypesMeta = 'exclude';\r\n\r\nexport default Vacancy;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components/button';\r\nimport DateCard from 'components/date-card';\r\nimport EmptyList from 'components/empty-list';\r\nimport Link from 'components/link';\r\nimport Vacancy from 'components/vacancy/vacancy';\r\n\r\nconst Vacancies = ({ emptyList, items, link, title, text }) => (\r\n \r\n
\r\n \r\n \r\n
\r\n {dateLabel}
\r\n \r\n {isDesktop ? date : mobileDate}\r\n
\r\n {year}
\r\n \r\n {title &&
\r\n);\r\n\r\nVacancies.propTypes = {\r\n emptyList: PropTypes.exact(EmptyList.propTypes),\r\n items: PropTypes.arrayOf(PropTypes.exact(Vacancy.propTypes)),\r\n link: PropTypes.exact(Link.propTypes),\r\n title: PropTypes.string,\r\n text: PropTypes.string\r\n};\r\n\r\nVacancies.defaultProps = {\r\n items: []\r\n};\r\n\r\nexport default Vacancies;\r\n","const req = require.context('./', true, /\\.svg$/);\r\n\r\nexport default req.keys().reduce((icons, filename) => {\r\n const id = filename.replace('./', '').replace('.svg', '');\r\n return { ...icons, [id]: req(filename) };\r\n}, {});\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport icons from '../../assets-old/inline-svg-icons/icons';\r\n\r\nconst Icon = ({ className, fill, name, style }) =>\r\n icons[name]\r\n ? React.createElement(icons[name], {\r\n className: cn('icon', className, { '-use-fill-color': fill }),\r\n focusable: 'false',\r\n style\r\n })\r\n : null;\r\n\r\nIcon.propTypes = {\r\n className: PropTypes.string,\r\n fill: PropTypes.bool,\r\n name: PropTypes.oneOf(Object.keys(icons)).isRequired\r\n};\r\n\r\nIcon.propTypesMeta = 'exclude';\r\nexport default Icon;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport propTypeTheme from 'utils/prop-type-theme';\r\n\r\nimport Icon from 'components-old/icon';\r\n\r\nconst themes = {\r\n big: '-theme-big',\r\n link: '-theme-link',\r\n linkPrimary: '-theme-link-primary',\r\n linkSecondary: '-theme-link-secondary',\r\n fill: '-theme-fill',\r\n outline: '-theme-outline',\r\n orangeOutline: '-theme-orange-outline',\r\n small: '-theme-small',\r\n medium: '-theme-medium',\r\n uppercase: '-theme-uppercase',\r\n white: '-theme-white',\r\n smallMargin: 'theme-small-margin'\r\n};\r\n\r\n// This is exported so that other components can reference it\r\nconst baseClassName = 'button';\r\n\r\nconst Button = ({\r\n attributes,\r\n className,\r\n children,\r\n disabled,\r\n id,\r\n icon,\r\n iconBeforeChildren,\r\n onClick,\r\n text,\r\n theme,\r\n title,\r\n type,\r\n iconFill,\r\n onMouseEnter,\r\n onMouseLeave\r\n}) => (\r\n {title}
}\r\n {items.length > 0 ? (\r\n items.map(event =>\r\n
\r\n {text}
\r\n \r\n\r\n {this.state.isOpen && children}\r\n
\r\n );\r\n\r\n render() {\r\n return this.props.children({\r\n Button: this.Button,\r\n Collapse: this.Collapse,\r\n isOpen: this.state.isOpen,\r\n toggle: this.toggle\r\n });\r\n }\r\n}\r\n\r\nexport default Accordion;\r\n","const ReactComponent = {};\r\n\r\n// Empty propTypes needed in order for ReactComponent.cs to be generated.\r\nReactComponent.propTypes = {};\r\n\r\n// This component exists in order to generate ReactComponent.cs, and to be able to reference this class in propTypes. The ReactComponent C# class is used in order to have a type that matches any React component view model. It is used in ContentArea.jsx to describe 'componentData'.\r\n// 'ReactComponent' is used as the base class in all generated .cs-files (configurerd in CSharpWebpackPlugin options in webpack.config.js)\r\nexport default ReactComponent;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport supportedBlocks from './supported-blocks';\r\nimport BlockOPE from 'js/block-on-page-editing';\r\nimport { error } from 'js/log';\r\n\r\nimport ReactComponent from 'components-old/react-component';\r\n\r\nconst sizes = {\r\n fullScreen: '-size-full-screen',\r\n half: '-size-half',\r\n third: '-size-third',\r\n quarter: '-size-quarter',\r\n twoThirds: '-size-two-thirds'\r\n};\r\n\r\nconst themes = {\r\n noMargin: '-theme-no-margin',\r\n largeMargin: '-theme-large-margin'\r\n};\r\n\r\nconst ContentAreaItem = ({\r\n additionalComponentProps,\r\n blockNotSupportedText,\r\n componentName,\r\n componentData,\r\n enableElementSizing,\r\n isStaticLayout,\r\n id,\r\n onPageEditing,\r\n size,\r\n theme\r\n}) => {\r\n const Component = supportedBlocks()[componentName];\r\n\r\n if (!Component) {\r\n error(`😵 ContentArea does not support rendering of '${componentName}'.`);\r\n return blockNotSupportedText ? (\r\n \r\n {blockNotSupportedText} {componentName}\r\n
\r\n ) : null;\r\n }\r\n\r\n if (!componentData || !Object.keys(componentData).length) {\r\n return null;\r\n }\r\n\r\n const additionalProps = additionalComponentProps[componentName];\r\n\r\n const componentToRender = (\r\n \r\n {} : toggle}\r\n >\r\n
\r\n\r\n \r\n {title}\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nShareOptions.propTypes = {\r\n items: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n text: PropTypes.string,\r\n url: PropTypes.string,\r\n icon: PropTypes.oneOf(supportedProviders)\r\n })\r\n )\r\n};\r\n\r\nShareOptions.defaultProps = {\r\n items: []\r\n};\r\n\r\nShareOptions.propTypesMeta = 'exclude';\r\n\r\nShareOptions.themes = themes;\r\n\r\nexport default ShareOptions;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst Hyphenate = ({ text }) => {\r\n const shouldHyphenate = /¤¤/.test(text);\r\n return text ? (\r\n shouldHyphenate ? (\r\n \r\n {items.map(link => (\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\nDocumentIcon.propTypes = {\r\n iconTheme: PropTypes.oneOf(Object.keys(iconThemes)),\r\n size: PropTypes.oneOf(Object.values(sizes)),\r\n type: PropTypes.oneOf(Object.values(types)),\r\n isRequired: PropTypes.bool\r\n};\r\n\r\nDocumentIcon.defaultProps = {\r\n iconTheme: 'fallback'\r\n};\r\n\r\nDocumentIcon.propTypesMeta = 'exclude';\r\n\r\nDocumentIcon.sizes = sizes;\r\nDocumentIcon.types = types;\r\n\r\nexport default DocumentIcon;\r\n","export default \"/Frontend/dist/word.ef2831dce185e810e628a7466accde43.svg\";","export default \"/Frontend/dist/word-hover.62ccf5d9d9fa6d5b5d18bdedf3fcf7e7.svg\";","export default \"/Frontend/dist/word-white.0a39d097f004f6f8a3d795f2c7685cb9.svg\";","export default \"/Frontend/dist/pdf.0e57ba610246a56ff98cd272cc1f0165.svg\";","export default \"/Frontend/dist/pdf-hover.4f613b4ca3a529948668e4a3a751b19a.svg\";","export default \"/Frontend/dist/pdf-white.79d01d000d7fb7db2d6f4d27ccf3b715.svg\";","export default \"/Frontend/dist/ppt.f80e57a8daba948bab81ec3d38f14e65.svg\";","export default \"/Frontend/dist/ppt-hover.137dcb6aa93b200fce5452d649dc6658.svg\";","export default \"/Frontend/dist/ppt-white.5dbcdc3415db7d32ed19011d8b4720af.svg\";","export default \"/Frontend/dist/csv.27c7a547fdefd2a304cbe11ebddcaa1a.svg\";","export default \"/Frontend/dist/csv-hover.67dacf7467f01a938eb723fe78b797b1.svg\";","export default \"/Frontend/dist/csv-white.dc76aedd07babf8510e6ecb3140b0fab.svg\";","export default \"/Frontend/dist/excel.40c76c487b78f56e8ca2b34b6235f885.svg\";","export default \"/Frontend/dist/excel-hover.37bce93e3f6df1d58dc041c7319507b0.svg\";","export default \"/Frontend/dist/excel-white.ba520969a79c35cf157a019b57fdd2b1.svg\";","export default \"/Frontend/dist/image.27473c73cf83f7857d73a4ac19c4e1e0.svg\";","export default \"/Frontend/dist/image-hover.71e820a5e65958fc3a30ec103732d6a3.svg\";","export default \"/Frontend/dist/image-white.41aa99da6695a8072215326fd2b88c3a.svg\";","export default \"/Frontend/dist/doc-fallback.8bb2a3e97389d3ece81b23f4f1e96573.svg\";","export default \"/Frontend/dist/doc-fallback-hover.177591e0ca0720ef76ae3254887bd4ea.svg\";","export default \"/Frontend/dist/doc-fallback-white.f209d85f14ce6cfa7abf5d576a3e806c.svg\";","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components-old/link';\r\nimport Heading from 'components-old/heading';\r\nimport Icon from 'components-old/icon';\r\nimport DocumentIcon from 'components-old/document-icon';\r\nimport Asterix from '../../assets-old/images/asterix.svg';\r\nimport cn from 'classnames';\r\n\r\nconst themes = {\r\n narrow: '-theme-narrow'\r\n};\r\n\r\nconst DownloadList = ({\r\n groups,\r\n downloadAllText,\r\n downloadAllUrl,\r\n theme,\r\n requiredText\r\n}) => {\r\n const [highlightedItem, sethighLightedItem] = useState();\r\n return (\r\n \r\n {groups.map((group, index) => (\r\n
\r\n );\r\n};\r\n\r\nDownloadList.propTypes = {\r\n groups: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n heading: PropTypes.string,\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n text: PropTypes.string,\r\n iconTheme: DocumentIcon.propTypes.iconTheme,\r\n url: PropTypes.string,\r\n isRequired: PropTypes.bool\r\n })\r\n )\r\n })\r\n ),\r\n downloadAllText: PropTypes.string,\r\n downloadAllUrl: PropTypes.string,\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n requiredText: PropTypes.string\r\n};\r\n\r\nDownloadList.defaultProps = {\r\n groups: []\r\n};\r\n\r\nDownloadList.propTypesMeta = 'exclude';\r\n\r\nDownloadList.themes = themes;\r\n\r\nexport default DownloadList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nclass TabTrapper extends React.Component {\r\n static propTypes = {\r\n children: PropTypes.oneOf([\r\n PropTypes.node,\r\n PropTypes.arrayOf(PropTypes.node)\r\n ]),\r\n isActive: PropTypes.bool\r\n };\r\n\r\n static propTypesMeta = 'exclude';\r\n\r\n state = {\r\n shiftKeyIsPressed: false\r\n };\r\n\r\n previouslyFocusedElement = null;\r\n\r\n componentDidMount() {\r\n window.addEventListener('keydown', this.onKeyDown);\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('keydown', this.onKeyDown);\r\n\r\n if (this.previouslyFocusedElement) {\r\n this.previouslyFocusedElement.focus();\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (!prevProps.isActive && this.props.isActive) {\r\n this.previouslyFocusedElement = document.activeElement;\r\n }\r\n\r\n if (\r\n prevProps.isActive &&\r\n !this.props.isActive &&\r\n this.previouslyFocusedElement\r\n ) {\r\n this.previouslyFocusedElement.focus();\r\n }\r\n }\r\n\r\n onKeyDown = e => {\r\n this.setState({ shiftKeyIsPressed: e.shiftKey });\r\n };\r\n\r\n trapFirst = () => {\r\n this.afterWrapper.focus();\r\n };\r\n\r\n trapLast = () => {\r\n this.beforeWrapper.focus();\r\n };\r\n\r\n render() {\r\n const buttonStyle = {\r\n position: 'absolute',\r\n width: 0,\r\n height: 0,\r\n left: '-999em',\r\n overflow: 'hidden',\r\n padding: 0,\r\n border: 'none'\r\n };\r\n\r\n return (\r\n \r\n {group.heading && (\r\n \r\n {group.heading}\r\n \r\n )}\r\n\r\n
\r\n ))}\r\n {requiredText && (\r\n - \r\n {group.items.map(item => (\r\n
{item.text}
\r\n \r\n
\r\n )}\r\n \r\n {downloadAllText && downloadAllUrl && (\r\n
\r\n \r\n
\r\n )}\r\n (this.beforeWrapper = div)} tabIndex={-1} />\r\n\r\n {this.props.children}\r\n\r\n
\r\n );\r\n};\r\n\r\nOptionsModal.propTypes = {\r\n shareContent: PropTypes.exact(ShareOptions.propTypes),\r\n downloadContent: PropTypes.exact(DownloadList.propTypes),\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n openButtonText: PropTypes.string,\r\n closeButtonLabel: PropTypes.string,\r\n className: PropTypes.string\r\n};\r\n\r\nOptionsModal.propTypesMeta = 'exclude';\r\n\r\nOptionsModal.themes = themes;\r\n\r\nexport default OptionsModal;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components-old/icon';\r\nimport cn from 'classnames';\r\n\r\nconst themes = {\r\n red: '-theme-red',\r\n blue: '-theme-blue',\r\n gray: '-theme-gray'\r\n};\r\n\r\nconst sizes = {\r\n wide: '-size-wide',\r\n small: '-size-small'\r\n};\r\n\r\nconst IconWarning = ({ theme, size, isColored }) => {\r\n const iconName = () => {\r\n let name = () => {\r\n switch (theme) {\r\n case themes.blue:\r\n return 'info';\r\n case themes.red:\r\n return 'warning';\r\n default:\r\n return 'exclamation-mark';\r\n }\r\n };\r\n const color = isColored ? '-color' : '';\r\n return `${name()}${color}`;\r\n };\r\n\r\n return (\r\n (this.afterWrapper = div)} tabIndex={-1} />\r\n {this.props.isActive && (\r\n \r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default TabTrapper;\r\n","import React, { useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Button from 'components-old/button';\r\nimport Icon from 'components-old/icon';\r\nimport ShareOptions from 'components-old/share-options';\r\nimport DownloadList from 'components-old/download-list';\r\nimport TabTrapper from 'components-old/modal/tab-trapper';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport useOutsideClick from 'js/hooks/use-outside-click';\r\n\r\nconst themes = {\r\n isProposalOrEvent: '-is-proposal-or-event',\r\n isTextWithSidebar: '-is-text-with-sidebar',\r\n isPageFooter: '-is-page-footer'\r\n};\r\n\r\nconst OptionsModal = ({\r\n theme,\r\n openButtonText,\r\n closeButtonLabel,\r\n shareContent,\r\n downloadContent,\r\n className\r\n}) => {\r\n const [show, setShow] = React.useState(false);\r\n const openModal = () => setShow(true);\r\n const closeModal = () => setShow(false);\r\n\r\n const clickOutsideRef = useRef();\r\n useOutsideClick(clickOutsideRef, () => {\r\n closeModal();\r\n });\r\n\r\n const iconBeforeChildren = theme => {\r\n if (theme === themes.isProposalOrEvent)\r\n return shareContent ? 'share-big' : 'download-circle';\r\n if (theme === themes.isTextWithSidebar) return 'share-small';\r\n return undefined;\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n {openButtonText}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n {shareContent && \r\n
\r\n )}\r\n \r\n {} : onClick}\r\n >\r\n {title && (\r\n \r\n \r\n
\r\n \r\n );\r\n }}\r\n \r\n {iconWarning && (\r\n \r\n {title}\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\nAccordionWithContentAreaList.propTypes = {\r\n content: PropTypes.arrayOf(\r\n PropTypes.exact(AccordionWithContentArea.propTypes)\r\n ),\r\n description: PropTypes.string,\r\n htmlId: PropTypes.string,\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n richText: PropTypes.exact(RichText.propTypes),\r\n title: PropTypes.string,\r\n themeTags: PropTypes.arrayOf(PropTypes.string),\r\n text: PropTypes.string\r\n};\r\n\r\nAccordionWithContentAreaList.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default AccordionWithContentAreaList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport propTypeTheme from 'utils/prop-type-theme';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nconst themes = {\r\n border: '-theme-border'\r\n};\r\n\r\nconst Byline = ({ items, theme }) => (\r\n \r\n {title && (\r\n
\r\n {content &&\r\n content.map(acc => (\r\n \r\n {title}\r\n
\r\n )}\r\n {description &&{description}
}\r\n {themeTags && !!themeTags.length && (\r\n\r\n {themeTags.map((tag, index) => (\r\n \r\n {tag}\r\n \r\n ))}\r\n
\r\n )}\r\n {text && !themeTags && {text}
}\r\n\r\n {richText &&\r\n {items.map(item =>\r\n item.text || item.onPageEditing ? (\r\n \r\n {item.text}\r\n
\r\n ) : null\r\n )}\r\n \r\n);\r\n\r\nByline.propTypes = {\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n onPageEditing: PropTypes.string,\r\n text: PropTypes.string\r\n })\r\n ),\r\n theme: PropTypes.oneOf(Object.values(themes))\r\n};\r\n\r\nByline.defaultProps = {\r\n items: [],\r\n theme: []\r\n};\r\n\r\nByline.propTypesMeta = 'exclude';\r\n\r\nByline.themes = themes;\r\n\r\nexport default Byline;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Link from 'components-old/link';\r\n\r\nconst element = (\r\n isLink,\r\n url,\r\n trackUrl,\r\n noHover,\r\n className,\r\n children,\r\n ref,\r\n attributes\r\n) =>\r\n React.createElement(\r\n isLink ? Link : 'div',\r\n isLink\r\n ? { url, trackUrl, noHoverEffect: noHover, className, ref, attributes }\r\n : { className, ref },\r\n children\r\n );\r\n\r\nconst LinkWrapper = (shouldWrapInLink, url, trackUrl) => {\r\n const OuterLink = ({\r\n children,\r\n className,\r\n refer,\r\n noHoverEffect = true,\r\n attributes\r\n }) =>\r\n element(\r\n shouldWrapInLink,\r\n url,\r\n trackUrl,\r\n noHoverEffect,\r\n cn({ 'link-wrapper__outer-link': shouldWrapInLink }, className),\r\n children,\r\n refer,\r\n attributes\r\n );\r\n\r\n OuterLink.propTypes = {\r\n className: PropTypes.string,\r\n children: PropTypes.node,\r\n refer: PropTypes.func,\r\n noHoverEffect: PropTypes.bool\r\n };\r\n\r\n const InnerLink = ({ children, className }) =>\r\n element(\r\n !shouldWrapInLink,\r\n url,\r\n trackUrl,\r\n false,\r\n cn({ 'link-wrapper__inner-link': shouldWrapInLink }, className),\r\n children\r\n );\r\n\r\n InnerLink.propTypes = {\r\n children: PropTypes.node,\r\n className: PropTypes.string\r\n };\r\n\r\n return {\r\n OuterLink,\r\n InnerLink\r\n };\r\n};\r\n\r\nLinkWrapper.propTypesMeta = 'exclude';\r\n\r\nexport default LinkWrapper;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst Published = ({ type, date }) => {\r\n return (\r\n \r\n {`${type}:`}\r\n {date}\r\n
\r\n );\r\n};\r\n\r\nPublished.propTypes = {\r\n type: PropTypes.string,\r\n date: PropTypes.string\r\n};\r\n\r\nexport default Published;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Link from 'components-old/link';\r\n\r\nconst TagLinkList = ({ tags, leftAligned }) => (\r\n - \r\n {tags.map((tag, index) => (\r\n
- \r\n {tag.text}\r\n \r\n ))}\r\n
\r\n
\r\n );\r\n};\r\n\r\nListItemImage.propTypes = {\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n size: PropTypes.oneOf(Object.values(sizes))\r\n};\r\n\r\nListItemImage.propTypesMeta = 'exclude';\r\n\r\nListItemImage.sizes = sizes;\r\n\r\nexport default ListItemImage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport propTypeTheme from 'utils/prop-type-theme';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport DocumentIcon from 'components-old/document-icon';\r\nimport Link from 'components-old/link';\r\n\r\nconst themes = {\r\n vertical: '-theme-vertical'\r\n};\r\n\r\nconst Metadata = ({ items, theme }) => (\r\n \r\n
\r\n - \r\n {items.map(item => (\r\n
- \r\n {item.icon && (\r\n \r\n\r\n )}\r\n {`${item.label}:`}\r\n \r\n
- \r\n {item.url ? : item.text}\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nEventImage.propTypes = {\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n background: PropTypes.oneOf(Object.keys(normalBackgrounds)),\r\n darkFilter: PropTypes.bool,\r\n greyFilter: PropTypes.bool\r\n};\r\n\r\nEventImage.propTypesMeta = 'exclude';\r\n\r\nexport default EventImage;\r\n","export default \"/Frontend/dist/event-background.4008ffc059a59791d78f0ddae5230643.svg\";","export default \"/Frontend/dist/event-background2.1f463ae9ab1937e6b991445295d7c7bb.svg\";","export default \"/Frontend/dist/event-background3.519470db280a7be0da996675f2265fdf.svg\";","export default \"/Frontend/dist/event-background-grey.d7fe3bf2097f8f327868a16eb7618bd7.svg\";","export default \"/Frontend/dist/event-background2-grey.d69bb5e95ecf8998a9c155f63261c632.svg\";","export default \"/Frontend/dist/event-background3-grey.b360037d733b5f8783953367874b766a.svg\";","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Byline from 'components-old/byline';\r\nimport Heading from 'components-old/heading';\r\nimport LinkWrapper from 'components-old/link-wrapper';\r\nimport Published from 'components-old/published';\r\nimport TagLinkList from 'components-old/tag-link-list';\r\nimport TagList from 'components-old/tag-list';\r\nimport ListItemImage from 'components-old/list-item-image';\r\nimport FluidImage from 'components-old/fluid-image';\r\nimport Link from 'components-old/link';\r\nimport propTypeTheme from 'utils/prop-type-theme';\r\nimport Metadata from 'components-old/metadata';\r\nimport DocumentIcon from 'components-old/document-icon';\r\nimport EventImage from 'components-old/event-image/event-image';\r\nimport doesContain from 'js/utils/doesContain';\r\n\r\nconst themes = {\r\n noMargin: '-theme-no-margin',\r\n withBorder: '-theme-with-border',\r\n squareImage: '-theme-square-image',\r\n sidebar: '-theme-sidebar',\r\n vertical: '-theme-vertical',\r\n publication: '-theme-publication'\r\n};\r\n\r\nconst ArticleBlock = ({\r\n byline,\r\n headingLevel,\r\n image,\r\n text,\r\n theme,\r\n title,\r\n published,\r\n linkTags,\r\n tags,\r\n usedInSidebar,\r\n metadata,\r\n icon,\r\n documentImage,\r\n eventImage\r\n}) => {\r\n const { OuterLink, InnerLink } = LinkWrapper(true, title.url);\r\n const isPublication = doesContain(theme, themes.publication);\r\n\r\n return (\r\n \r\n {image && !isPublication && (\r\n
\r\n \r\n );\r\n};\r\n\r\nArticleBlock.propTypes = {\r\n byline: PropTypes.exact(Byline.propTypes),\r\n headingLevel: PropTypes.number,\r\n title: PropTypes.exact(Link.propTypes),\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n text: PropTypes.string,\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n published: PropTypes.exact(Published.propTypes),\r\n linkTags: PropTypes.exact(TagLinkList.propTypes),\r\n tags: PropTypes.exact(TagList.propTypes),\r\n usedInSidebar: PropTypes.bool,\r\n metadata: PropTypes.exact(Metadata.propTypes),\r\n icon: PropTypes.exact(DocumentIcon.propTypes),\r\n documentImage: PropTypes.exact(FluidImage.propTypes),\r\n eventImage: PropTypes.exact(EventImage.propTypes)\r\n};\r\n\r\nArticleBlock.propTypesMeta = 'exclude';\r\n\r\nArticleBlock.defaultProps = {\r\n headingLevel: 2\r\n};\r\n\r\nArticleBlock.themes = themes;\r\n\r\nexport default ArticleBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Accordion from 'components-old/accordion';\r\nimport Byline from 'components-old/byline';\r\nimport Link from 'components-old/link';\r\nimport OptionsModal from 'components-old/options-modal';\r\n\r\nconst ArticleHeader = ({\r\n accordion,\r\n byline,\r\n download,\r\n share,\r\n isLargeArticle\r\n}) => {\r\n return (\r\n \r\n
\r\n )}\r\n \r\n {icon && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n {tags && \r\n {title.text && (\r\n \r\n {title.text}\r\n \r\n )}\r\n \r\n {published &&
\r\n {text}
}\r\n {linkTags &&\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n {byline.items[0].text}
\r\n\r\n
\r\n \r\n
\r\n )}\r\n {download && (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n\r\n {/* Desktop version */}\r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {share &&
\r\n \r\n \r\n
\r\n )}\r\n \r\n {children}\r\n
\r\n \r\n {children}\r\n
\r\n);\r\n\r\nContentWithSidebar.Content.propTypes = {\r\n className: PropTypes.string,\r\n children: PropTypes.node\r\n};\r\n\r\nContentWithSidebar.Content.displayName = 'ContentWithSidebar.Content';\r\n\r\nContentWithSidebar.Sidebar = ({ className, children }) => (\r\n \r\n);\r\n\r\nContentWithSidebar.Sidebar.displayName = 'ContentWithSidebar.Sidebar';\r\n\r\nContentWithSidebar.Sidebar.propTypes = {\r\n className: PropTypes.string,\r\n children: PropTypes.node\r\n};\r\n\r\nexport default ContentWithSidebar;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Byline from 'components-old/byline';\r\nimport Link from 'components-old/link';\r\nimport OptionsModal from 'components-old/options-modal';\r\n\r\nimport cn from 'classnames';\r\n\r\nconst PageFooter = ({ byline, download, share }) => (\r\n \r\n
\r\n \r\n);\r\n\r\nPageFooter.propTypes = {\r\n byline: PropTypes.exact(Byline.propTypes),\r\n download: PropTypes.exact(Link.propTypes),\r\n share: PropTypes.exact(OptionsModal.propTypes)\r\n};\r\n\r\nPageFooter.defaultProps = {\r\n byline: {\r\n items: []\r\n }\r\n};\r\n\r\nexport default PageFooter;\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport useOnIntersect from 'js/hooks/use-on-intersect';\r\nimport getNewSrc from 'js/responsive-images';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nconst Image = ({\r\n alt,\r\n className,\r\n initialSize,\r\n onPageEditing,\r\n responsive,\r\n src\r\n}) => {\r\n const image = React.useRef();\r\n const [currentSrc, setSrc] = React.useState(undefined);\r\n\r\n useOnIntersect(image, () => {\r\n const parentNode = image.current.parentElement;\r\n\r\n if (responsive) {\r\n setSrc(getNewSrc(src, parentNode.offsetWidth || initialSize));\r\n } else {\r\n setSrc(src);\r\n }\r\n });\r\n\r\n return (\r\n \r\n {!!byline.items.length &&
\r\n \r\n {download && (\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n )}\r\n {share && (\r\n {title}
}\r\n\r\n {(ingress || onPageEditing.ingress) && (\r\n \r\n
\r\n )}\r\n {ingress}
\r\n\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nVolumeSlider.propTypes = {\r\n volume: PropTypes.number,\r\n setVolume: PropTypes.func,\r\n close: PropTypes.func\r\n};\r\n\r\nVolumeSlider.propTypesMeta = 'exclude';\r\n\r\nexport default VolumeSlider;\r\n","import React, { useRef, useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport useSlider from 'js/hooks/use-slider';\r\nimport resizeHook from 'js/hooks/resize';\r\n\r\nconst PlayerTimeline = ({ progress, setTime, className }) => {\r\n const forceUpdate = useState()[1];\r\n resizeHook(forceUpdate);\r\n\r\n const timelineRef = useRef();\r\n const { value, activate, activateKeys, deactivateKeys, isActive } = useSlider(\r\n timelineRef\r\n );\r\n\r\n const progressInPxs =\r\n timelineRef.current && progress * timelineRef.current.offsetWidth;\r\n\r\n useEffect(() => {\r\n value && setTime(value);\r\n }, [value]);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nPlayerTimeline.propTypes = {\r\n progress: PropTypes.number,\r\n setTime: PropTypes.func\r\n};\r\n\r\nPlayerTimeline.propTypesMeta = 'exclude';\r\n\r\nexport default PlayerTimeline;\r\n","import React, { useState, useRef, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Icon from 'components-old/icon';\r\nimport Button from 'components-old/button';\r\nimport VolumeSlider from './volume-slider';\r\nimport PlayerTimeline from './player-timeline';\r\n\r\nconst timeString = val => {\r\n const toDoubleDigits = n => (n.length < 2 ? `0${n}` : n);\r\n const seconds = parseInt(val);\r\n\r\n const sec = (seconds % 60).toString();\r\n const min = Math.floor(seconds / 60).toString();\r\n\r\n return `${toDoubleDigits(min)}:${toDoubleDigits(sec)}`;\r\n};\r\n\r\nconst AudioPlayer = ({ url, labels = {}, altText }) => {\r\n if (!url) return null;\r\n const [volume, setVolume] = useState(0.5);\r\n const [isPlaying, setIsPlaying] = useState(false);\r\n const [secondsPlayed, setSecondsPlayed] = useState(0);\r\n const [secondsTotal, setSecondsTotal] = useState(0);\r\n const [showVolumeSlider, setShowVolumeSlider] = useState(false);\r\n\r\n const audioPlayer = useRef();\r\n const volumeBtn = useRef();\r\n\r\n useEffect(() => {\r\n isPlaying ? audioPlayer.current.play() : audioPlayer.current.pause();\r\n }, [isPlaying]);\r\n\r\n useEffect(() => {\r\n audioPlayer.current.volume = volume;\r\n }, [volume]);\r\n\r\n useEffect(() => {\r\n volumeBtn.current.addEventListener('touchstart', function (e) {\r\n e.preventDefault; // Prevents scrolling\r\n setShowVolumeSlider(true);\r\n });\r\n }, []);\r\n\r\n const setTime = value => {\r\n const newTime = value * secondsTotal;\r\n audioPlayer.current.currentTime = newTime;\r\n };\r\n\r\n return (\r\n \r\n \r\n setSecondsPlayed(e.target.currentTime)}\r\n onCanPlay={e => setSecondsTotal(e.target.duration)}\r\n >\r\n {altText}\r\n \r\n
\r\n \r\n setIsPlaying(prevState => !prevState)}\r\n icon={isPlaying ? 'stop' : 'play'}\r\n iconFill\r\n attributes={{ 'aria-label': isPlaying ? labels.pause : labels.play }}\r\n />\r\n \r\n {timeString(secondsPlayed)}/{timeString(secondsTotal)}\r\n \r\n\r\n setShowVolumeSlider(true)}\r\n onTouchEnd={() => setShowVolumeSlider(false)}\r\n onFocus={() => setShowVolumeSlider(true)}\r\n onBlur={() => setShowVolumeSlider(false)}\r\n ref={volumeBtn}\r\n tabIndex={0}\r\n >\r\n {showVolumeSlider && (\r\n setShowVolumeSlider(false)}\r\n />\r\n )}\r\n
\r\n {children}
\r\n {enable && (\r\n \r\n \r\n
\r\n \r\n \r\n));\r\n\r\nMessage.propTypes = {\r\n className: PropTypes.string,\r\n text: PropTypes.exact(HtmlString.propTypes),\r\n theme: IconWarning.propTypes.theme\r\n};\r\n\r\nMessage.propTypesMeta = 'exclude';\r\n\r\nMessage.themes = IconWarning.themes;\r\n\r\nexport default Message;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Accordion from 'components-old/accordion';\r\nimport ContentContainer from 'components-old/content-container';\r\nimport Icon from 'components-old/icon';\r\nimport Link from 'components-old/link';\r\nimport Message from 'components-old/message';\r\n\r\nconst Breadcrumbs = ({\r\n accordion,\r\n currentPage,\r\n items,\r\n translationLabel,\r\n root\r\n}) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n {children}\r\n
\r\n );\r\n};\r\n\r\nRef.propTypes = {\r\n children: PropTypes.node,\r\n className: PropTypes.string,\r\n sendRef: PropTypes.func\r\n};\r\n\r\nRef.propTypesMeta = 'exclude';\r\n\r\nexport default Ref;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Button from 'components-old/button';\r\nimport FluidImage from 'components-old/fluid-image';\r\nimport Link from 'components-old/link';\r\nimport Ref from 'components-old/ref';\r\nimport useIsScreenSize from 'js/hooks/use-is-screen-size';\r\nimport Heading from 'components-old/heading/heading';\r\n\r\nconst themes = {\r\n darkBlue: '-theme-dark-blue'\r\n};\r\n\r\nconst CampaignBlock = ({\r\n cta,\r\n editorTheme,\r\n image,\r\n onPageEditing,\r\n title,\r\n isColumn\r\n}) => {\r\n const [lowerHalfHeight, setLowerHalfHeight] = useState();\r\n const isMobile = !useIsScreenSize('md');\r\n const inlineStyle =\r\n isColumn || isMobile ? { height: `${lowerHalfHeight}px` } : undefined;\r\n\r\n return (\r\n \r\n
\r\n )}\r\n \r\n {list &&\r\n list.map((campaignBlock, index) => (\r\n 1}\r\n />\r\n ))}\r\n
\r\n);\r\n\r\nCampaignBlockList.propTypes = {\r\n list: PropTypes.arrayOf(PropTypes.exact(CampaignBlock.propTypes))\r\n};\r\n\r\nexport default CampaignBlockList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\nimport transform from 'css-transform-string';\r\n\r\nimport clamp from '@creuna/utils/clamp';\r\n\r\nclass Carousel extends React.Component {\r\n static propTypes = {\r\n children: PropTypes.node,\r\n className: PropTypes.string,\r\n nextLabel: PropTypes.string,\r\n nextButton: PropTypes.func,\r\n numberOfSlidesToShow: PropTypes.number,\r\n previousButton: PropTypes.func,\r\n previousLabel: PropTypes.string,\r\n startIndex: PropTypes.number,\r\n theme: PropTypes.oneOf([PropTypes.object, PropTypes.array])\r\n };\r\n\r\n static defaultProps = {\r\n numberOfSlidesToShow: 1,\r\n startIndex: 0\r\n };\r\n\r\n static propTypesMeta = 'exclude';\r\n\r\n getNewState = newIndex => {\r\n const numberOfItems = React.Children.count(this.props.children);\r\n const slidesToShow = this.props.numberOfSlidesToShow;\r\n const lastIndex = Math.round(Math.max(0, numberOfItems - slidesToShow));\r\n const newIndexClamped = clamp(newIndex, 0, lastIndex);\r\n\r\n return {\r\n currentIndex: newIndexClamped,\r\n currentIndexRounded: Math.round(newIndexClamped),\r\n hasNextItem: newIndexClamped < lastIndex,\r\n hasPreviousItem: newIndexClamped > 0\r\n };\r\n };\r\n\r\n state = Object.assign(\r\n {\r\n isDragging: false,\r\n isMounted: false,\r\n shouldShowNavigation: React.Children.count(this.props.children) > 1\r\n },\r\n this.getNewState(this.props.startIndex)\r\n );\r\n\r\n onTouchEnd = startPropName => {\r\n this.goToItem(this.state.currentIndex);\r\n this[startPropName] = undefined;\r\n this.travel = 0;\r\n this.previousX = 0;\r\n };\r\n\r\n onTouchMove = (e, touch, startPropName, wrapperWidth, travelModifier = 1) => {\r\n this.isZoomed = Math.abs(window.innerWidth - this.initialScreenWidth) > 10;\r\n\r\n if (this.isAnimating || this.isZoomed || this.hasMultiTouch || !touch) {\r\n return;\r\n }\r\n\r\n const xDiff = this[startPropName] - touch.clientX;\r\n\r\n if (Math.abs(xDiff) > 5) {\r\n e.preventDefault();\r\n }\r\n\r\n if (Math.abs(touch.clientX - this.previousX) > 20) {\r\n this.hasFastSwipe = true;\r\n this.fastSwipeModifier = xDiff > 0 ? 1 : -1;\r\n }\r\n\r\n this.previousX = touch.clientX;\r\n this.travel = this.hasFastSwipe\r\n ? this.fastSwipeModifier\r\n : (xDiff / wrapperWidth) * travelModifier;\r\n this.isAnimating = true;\r\n\r\n this.setState({ isDragging: !this.hasFastSwipe }, () => {\r\n this.setState(\r\n this.getNewState(this.indexOnTouchStart + this.travel),\r\n () => {\r\n this.isAnimating = false;\r\n }\r\n );\r\n });\r\n };\r\n\r\n onTouchStart = (touch, startPropName) => {\r\n if (!touch) {\r\n return;\r\n }\r\n\r\n this[startPropName] = touch.clientX;\r\n this.fastSwipeModifier = 0;\r\n this.hasFastSwipe = false;\r\n this.indexOnTouchStart = this.state.currentIndex;\r\n this.previousX = touch.clientX;\r\n this.travel = 0;\r\n this.setState({ isDragging: true });\r\n };\r\n\r\n onItemsWrapperTouchEnd = () => {\r\n this.onTouchEnd('itemsTouchStartX');\r\n };\r\n\r\n onItemsWrapperTouchMove = e => {\r\n this.hasMultiTouch = e.touches.length > 1;\r\n\r\n this.onTouchMove(\r\n e,\r\n e.touches[0],\r\n 'itemsTouchStartX',\r\n this.itemsWrapper.offsetWidth\r\n );\r\n };\r\n\r\n onItemsWrapperTouchStart = e => {\r\n this.onTouchStart(e.touches[0], 'itemsTouchStartX');\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n const children = React.Children.toArray(this.props.children);\r\n const prevChildren = React.Children.toArray(prevProps.children);\r\n const childrenDidChange =\r\n children.length !== prevChildren.length ||\r\n children.some(\r\n (c, i) => !prevChildren[i] || c.key !== prevChildren[i].key\r\n );\r\n\r\n if (\r\n childrenDidChange ||\r\n this.props.numberOfSlidesToShow !== prevProps.numberOfSlidesToShow\r\n ) {\r\n this.setState(this.getNewState(prevProps.startIndex));\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({ isMounted: true });\r\n\r\n this.initialScreenWidth = window.innerWidth;\r\n\r\n if (this.itemsWrapper) {\r\n this.itemsWrapper.addEventListener(\r\n 'touchend',\r\n this.onItemsWrapperTouchEnd\r\n );\r\n this.itemsWrapper.addEventListener(\r\n 'touchmove',\r\n this.onItemsWrapperTouchMove\r\n );\r\n this.itemsWrapper.addEventListener(\r\n 'touchstart',\r\n this.onItemsWrapperTouchStart\r\n );\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.itemsWrapper) {\r\n this.itemsWrapper.removeEventListener(\r\n 'touchend',\r\n this.onItemsWrapperTouchEnd\r\n );\r\n this.itemsWrapper.removeEventListener(\r\n 'touchmove',\r\n this.onItemsWrapperMove\r\n );\r\n this.itemsWrapper.removeEventListener(\r\n 'touchstart',\r\n this.onItemsWrapperStart\r\n );\r\n }\r\n }\r\n\r\n goToItem = newIndex => {\r\n this.setState(\r\n Object.assign({}, this.getNewState(Math.round(newIndex)), {\r\n isDragging: false\r\n })\r\n );\r\n };\r\n\r\n goToNextItem = () => {\r\n this.goToItem(this.state.currentIndex + 1);\r\n };\r\n\r\n goToPreviousItem = () => {\r\n this.goToItem(this.state.currentIndex - 1);\r\n };\r\n\r\n render() {\r\n const slidesToShow = this.props.numberOfSlidesToShow;\r\n const slidesCount = React.Children.count(this.props.children);\r\n const currentSlide = this.state.currentIndexRounded;\r\n\r\n const x = this.state.currentIndex;\r\n const itemWidth = 100 / slidesCount;\r\n\r\n return slidesCount === 0 ? null : (\r\n \r\n {this.state.shouldShowNavigation &&\r\n (this.props.previousButton ? (\r\n this.props.previousButton(\r\n this.goToPreviousItem,\r\n this.state.hasPreviousItem\r\n )\r\n ) : (\r\n \r\n {this.props.previousLabel}\r\n \r\n ))}\r\n (this.itemsWrapper = e)}\r\n >\r\n \r\n {React.Children.map(this.props.children, (child, index) => (\r\n {\r\n this.setState(this.getNewState(index));\r\n this.itemsWrapper.scroll({ left: 0 }); // Prevents automatic scroll-focus-target-to-view\r\n // Manually scroll page in Y axis\r\n const distanceToTopOfPage =\r\n this.itemsWrapper.getBoundingClientRect().top +\r\n window.pageYOffset -\r\n window.innerHeight / 2;\r\n window.scrollTo(0, distanceToTopOfPage);\r\n }}\r\n >\r\n {child}\r\n \r\n ))}\r\n \r\n
\r\n {this.state.shouldShowNavigation &&\r\n (this.props.nextButton ? (\r\n this.props.nextButton(this.goToNextItem, this.state.hasNextItem)\r\n ) : (\r\n \r\n
\r\n);\r\n\r\nEmptyList.propTypes = {\r\n text: PropTypes.string\r\n};\r\nexport default EmptyList;\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst InputControlled = ({ checked, name, onChange, value, id, dataId }) => {\r\n const [isChecked, setIsChecked] = useState(!!checked);\r\n\r\n const updateChecked = e => {\r\n setIsChecked(state => !state);\r\n onChange(e);\r\n };\r\n\r\n useEffect(() => {\r\n if (checked === undefined) return;\r\n setIsChecked(checked);\r\n }, [dataId]);\r\n\r\n return (\r\n <>\r\n {text}
\r\n\r\n
\r\n );\r\n};\r\n\r\nCheckbox.propTypes = {\r\n checked: PropTypes.bool,\r\n className: PropTypes.string,\r\n label: PropTypes.string.isRequired,\r\n name: PropTypes.string.isRequired,\r\n onChange: PropTypes.func,\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n value: PropTypes.string,\r\n isControlled: PropTypes.bool,\r\n dataId: PropTypes.number\r\n};\r\n\r\nCheckbox.defaultProps = {\r\n label: '',\r\n theme: themes.gray\r\n};\r\n\r\nCheckbox.propTypesMeta = 'exclude';\r\n\r\nCheckbox.themes = themes;\r\n\r\nexport default Checkbox;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Accordion from 'components-old/accordion';\r\nimport Checkbox from 'components-old/form-elements/checkbox';\r\nimport BackgroundHoverEffect from 'components-old/background-hover-effect';\r\n\r\nconst FilterGroup = ({\r\n accordion,\r\n options,\r\n title,\r\n updateFilterOptions,\r\n isDesktop,\r\n dataId\r\n}) => {\r\n const container = React.useRef();\r\n\r\n return !isDesktop ? (\r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n - \r\n {options.map(option => (\r\n
- \r\n
- \r\n {option.subOptions.map(subOption => (\r\n
\r\n ))}\r\n
\r\n
\r\n );\r\n};\r\n\r\nFilterGroup.propTypes = {\r\n accordion: PropTypes.exact(Accordion.propTypes),\r\n parent: PropTypes.node,\r\n options: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n checked: PropTypes.bool,\r\n name: PropTypes.string,\r\n label: PropTypes.string,\r\n value: PropTypes.string,\r\n subOptions: PropTypes.arrayOf(PropTypes.exact(Checkbox.propTypes))\r\n })\r\n ),\r\n title: PropTypes.string,\r\n setSearchQueryParameterHelper: PropTypes.func,\r\n isDesktop: PropTypes.bool,\r\n dataId: PropTypes.number,\r\n updateFilterOptions: PropTypes.func\r\n};\r\n\r\nFilterGroup.defaultProps = {\r\n options: []\r\n};\r\n\r\nFilterGroup.propTypesMeta = 'exclude';\r\n\r\nexport default FilterGroup;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Icon from 'components-old/icon';\r\nimport propTypeTheme from 'js/utils/prop-type-theme';\r\n\r\nconst themes = {\r\n hiddenLabel: '-theme-hidden-label',\r\n inverted: '-theme-inverted',\r\n small: '-theme-small',\r\n rounded: '-theme-rounded',\r\n orangeFocus: '-theme-orange-focus'\r\n};\r\n\r\nconst ifWrapWithIcon = (input, icon) => {\r\n if (!icon) return input;\r\n return (\r\n \r\n {title &&
\r\n {title}
}\r\n - \r\n {options.map(option => (\r\n
- \r\n
- \r\n {option.subOptions.map(subOption => (\r\n
\r\n ))}\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst TextInput = React.forwardRef((props, ref) => {\r\n const {\r\n attributes,\r\n className,\r\n controlled,\r\n idPrefix,\r\n label,\r\n name,\r\n onChange,\r\n placeholder,\r\n theme,\r\n type,\r\n validationError,\r\n value,\r\n icon\r\n } = props;\r\n\r\n const id = `input-${idPrefix}-${name}`;\r\n const valueProp = controlled ? { value } : { defaultValue: value };\r\n\r\n return (\r\n \r\n {label && }\r\n {validationError && (\r\n
\r\n );\r\n});\r\n\r\nTextInput.propTypes = {\r\n attributes: PropTypes.shape(typeof Object),\r\n className: PropTypes.string,\r\n controlled: PropTypes.bool,\r\n idPrefix: PropTypes.string,\r\n label: PropTypes.string,\r\n name: PropTypes.string.isRequired,\r\n onChange: PropTypes.func,\r\n placeholder: PropTypes.string,\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n type: PropTypes.string,\r\n validationError: PropTypes.string,\r\n value: PropTypes.string,\r\n icon: PropTypes.string\r\n};\r\n\r\nTextInput.propTypesMeta = 'exclude';\r\n\r\nTextInput.defaultProps = {\r\n attributes: {},\r\n idPrefix: '',\r\n onChange: () => {},\r\n type: 'text'\r\n};\r\n\r\nTextInput.themes = themes;\r\n\r\nexport default TextInput;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\nimport debounce from 'lodash/debounce';\r\nimport clamp from '@creuna/utils/clamp';\r\nimport rangeMap from '@creuna/utils/range-map';\r\n\r\nimport Button from 'components-old/button';\r\nimport TextInput from 'components-old/form-elements/text-input';\r\n\r\nclass RangeSlider extends React.Component {\r\n static propTypes = {\r\n className: PropTypes.string,\r\n from: PropTypes.exact(TextInput.propTypes).isRequired,\r\n label: PropTypes.string.isRequired,\r\n max: PropTypes.number.isRequired,\r\n min: PropTypes.number.isRequired,\r\n submit: PropTypes.exact(Button.propTypes).isRequired,\r\n to: PropTypes.exact(TextInput.propTypes).isRequired\r\n };\r\n\r\n static propTypesMeta = 'exclude';\r\n\r\n static defaultProps = {\r\n from: {},\r\n to: {}\r\n };\r\n\r\n state = {\r\n draggingFrom: false,\r\n draggingTo: false,\r\n from: parseInt(this.props.from.value) || this.props.min,\r\n screenLeft: 0,\r\n to: parseInt(this.props.to.value) || this.props.max,\r\n width: 0\r\n };\r\n\r\n // Intentional duplicate of state equivalents. On mouseup, these are both set to false. The state equivalents are not reset on mouseup, to allow positioning the last modified knob on top\r\n draggingFrom = false;\r\n draggingTo = false;\r\n\r\n measure = () => {\r\n if (!this.slider) {\r\n return;\r\n }\r\n\r\n this.setState({\r\n width: this.slider.offsetWidth,\r\n screenLeft: this.slider.getBoundingClientRect().left\r\n });\r\n };\r\n\r\n clampFrom = (value, state) => {\r\n return clamp(value, this.props.min, state.to - 1);\r\n };\r\n\r\n clampTo = (value, state) => {\r\n return clamp(value, state.from + 1, this.props.max);\r\n };\r\n\r\n setFrom = e => {\r\n e.persist();\r\n this.setState(state => ({\r\n from: this.clampFrom(parseInt(e.target.value), state)\r\n }));\r\n };\r\n\r\n setTo = e => {\r\n e.persist();\r\n this.setState(state => ({\r\n to: this.clampTo(parseInt(e.target.value), state)\r\n }));\r\n };\r\n\r\n onDrag = xPosition => {\r\n if (!this.draggingFrom && !this.draggingTo) {\r\n return;\r\n }\r\n\r\n this.setState(state => {\r\n const position = xPosition - state.screenLeft;\r\n const value = Math.round(\r\n rangeMap(position, 0, state.width, this.props.min, this.props.max)\r\n );\r\n\r\n if (state.draggingFrom) {\r\n return { from: this.clampFrom(value, state) };\r\n }\r\n\r\n if (state.draggingTo) {\r\n return { to: this.clampTo(value, state) };\r\n }\r\n });\r\n };\r\n\r\n onMouseMove = e => {\r\n this.onDrag(e.clientX);\r\n };\r\n\r\n onTouchMove = e => {\r\n this.onDrag(e.touches[0].clientX);\r\n };\r\n\r\n onFromMouseDown = () => {\r\n this.draggingFrom = true;\r\n this.setState({ draggingFrom: true, draggingTo: false });\r\n };\r\n\r\n onToMouseDown = () => {\r\n this.draggingTo = true;\r\n this.setState({ draggingFrom: false, draggingTo: true });\r\n };\r\n\r\n resetDragging = () => {\r\n this.draggingFrom = false;\r\n this.draggingTo = false;\r\n };\r\n\r\n onResize = debounce(this.measure, 100);\r\n\r\n componentDidMount() {\r\n window.addEventListener('resize', this.onResize);\r\n window.addEventListener('mouseup', this.resetDragging);\r\n window.addEventListener('touchend', this.resetDragging);\r\n window.addEventListener('mousemove', this.onMouseMove);\r\n window.addEventListener('touchmove', this.onTouchMove);\r\n this.measure();\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('resize', this.onResize);\r\n window.removeEventListener('mouseup', this.resetDragging);\r\n window.removeEventListener('touchend', this.resetDragging);\r\n window.removeEventListener('mousemove', this.onMouseMove);\r\n window.removeEventListener('touchmove', this.onTouchMove);\r\n }\r\n\r\n render() {\r\n const { min, max } = this.props;\r\n const { from, to } = this.state;\r\n\r\n // Positions in percent\r\n const fromPosition = ((from - min) / (max - min)) * 100;\r\n const toPosition = ((to - min) / (max - min)) * 100;\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default RangeSlider;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst Spinner = ({ isActive }) => {\r\n if (!isActive) return null;\r\n return (\r\n {validationError}
\r\n )}\r\n {ifWrapWithIcon(\r\n \r\n
\r\n );\r\n};\r\n\r\nSpinner.propTypes = {\r\n isActive: PropTypes.bool\r\n};\r\n\r\nSpinner.propTypesMeta = 'exclude';\r\n\r\nexport default Spinner;\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components-old/button';\r\nimport Checkbox from 'components-old/form-elements/checkbox';\r\nimport FilterGroup from './filter-group';\r\nimport RangeSlider from 'components-old/range-slider';\r\nimport useIsScreenSize from 'js/hooks/use-is-screen-size';\r\nimport Spinner from 'components-old/spinner';\r\n\r\nconst Filters = ({\r\n checkboxes,\r\n items,\r\n labels,\r\n rangeFilter,\r\n fetchFilteredResults,\r\n title,\r\n close,\r\n mobileTitle,\r\n isLoading,\r\n dataId\r\n}) => {\r\n const [isResetting, setIsResetting] = useState();\r\n const [isMounted, setIsMounted] = useState();\r\n const [searchQueryParameter, setSearchQueryParameter] = useState({\r\n ...getInitialSearchQueryParameter(items),\r\n ...getInitialSearchQueryParameter([{ options: checkboxes }])\r\n });\r\n const isDesktop = useIsScreenSize('lg');\r\n\r\n const setSearchQueryParameterHelper = e => {\r\n const { name, value, checked } = e.target;\r\n setSearchQueryParameter(prevState => ({\r\n ...prevState,\r\n [name]: checked\r\n ? prevState[name].concat(value)\r\n : prevState[name].filter(item => item !== value)\r\n }));\r\n };\r\n\r\n function getInitialSearchQueryParameter(items) {\r\n let result = {};\r\n items.map(item => {\r\n item.options.map(option => {\r\n let target = option.name;\r\n if (!(target in result)) {\r\n result[target] = [];\r\n }\r\n if (option.checked) {\r\n result[target] = result[target].concat(option.value);\r\n }\r\n });\r\n });\r\n return result;\r\n }\r\n\r\n useEffect(() => {\r\n isMounted && fetchFilteredResults(searchQueryParameter);\r\n }, [searchQueryParameter]);\r\n\r\n useEffect(() => {\r\n setIsMounted(true);\r\n }, []);\r\n\r\n useEffect(() => {\r\n !isLoading && isResetting && setIsResetting(false);\r\n }, [isLoading]);\r\n\r\n const deselectItems = () => {\r\n setIsResetting(true);\r\n setSearchQueryParameter(state =>\r\n Object.keys(state).reduce(\r\n (acc, key) => ({\r\n ...acc,\r\n [key]: []\r\n }),\r\n {}\r\n )\r\n );\r\n };\r\n\r\n return (\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 {!isDesktop ? (\r\n \r\n {mobileTitle}\r\n \r\n ) : (\r\n title &&
\r\n );\r\n};\r\n\r\nFilters.propTypes = {\r\n checkboxes: PropTypes.arrayOf(PropTypes.exact(Checkbox.propTypes)),\r\n items: PropTypes.arrayOf(PropTypes.shape(FilterGroup.propTypes)),\r\n labels: PropTypes.exact({\r\n showResults: PropTypes.string,\r\n reset: PropTypes.string\r\n }),\r\n rangeFilter: PropTypes.exact(RangeSlider.propTypes),\r\n fetchFilteredResults: PropTypes.func,\r\n title: PropTypes.string,\r\n close: PropTypes.func,\r\n mobileTitle: PropTypes.string,\r\n isLoading: PropTypes.bool,\r\n dataId: PropTypes.number\r\n};\r\n\r\nFilters.defaultProps = {\r\n checkboxes: [],\r\n items: [],\r\n labels: {}\r\n};\r\n\r\nFilters.propTypesMeta = 'exclude';\r\n\r\nexport default Filters;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Transition from 'react-tiny-transition';\r\nimport cn from 'classnames';\r\n\r\nimport useIsScreenSize from 'js/hooks/use-is-screen-size';\r\n\r\nimport Button from 'components-old/button';\r\nimport ContentWithSidebar from 'components-old/content-with-sidebar';\r\nimport Filters from 'components-old/filters';\r\nimport ContentArea from 'components-old/content-area';\r\nimport useBlockScrolling from 'js/hooks/use-block-scrolling';\r\n\r\nconst FilterLayout = ({\r\n children,\r\n contentArea,\r\n filters,\r\n topContent,\r\n includeBottomBorder,\r\n className,\r\n fetchFilteredResults,\r\n isLeft,\r\n isLoading\r\n}) => {\r\n const [mobileFiltersVisible, setMobileFiltersVisible] = React.useState(false);\r\n const isDesktop = useIsScreenSize('lg');\r\n\r\n useBlockScrolling(mobileFiltersVisible);\r\n\r\n return (\r\n {title}
\r\n )}\r\n \r\n {items &&\r\n items.map(item => (\r\n
\r\n {!isDesktop && labels.showResults && (\r\n \r\n \r\n {labels.showResults}\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n \r\n setMobileFiltersVisible(!mobileFiltersVisible)}\r\n icon={mobileFiltersVisible ? 'close-small' : 'filter-small'}\r\n iconFill\r\n text={filters.mobileTitle}\r\n />\r\n )}\r\n \r\n\r\n \r\n {filters && mobileFiltersVisible && !isDesktop && (\r\n \r\n \r\n\r\n \r\n \r\n {children}\r\n \r\n\r\n \r\n {filters && isDesktop && (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nFilterLayout.propTypes = {\r\n children: PropTypes.node,\r\n contentArea: PropTypes.exact(ContentArea.propTypes),\r\n filters: PropTypes.exact(Filters.propTypes),\r\n topContent: PropTypes.node,\r\n includeBottomBorder: PropTypes.bool,\r\n fetchFilteredResults: PropTypes.func,\r\n className: PropTypes.string,\r\n isLeft: PropTypes.bool,\r\n isLoading: PropTypes.bool\r\n};\r\n\r\nFilterLayout.defaultProps = {\r\n labels: {},\r\n includeBottomBorder: true\r\n};\r\n\r\nFilterLayout.propTypesMeta = 'exclude';\r\n\r\nexport default FilterLayout;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nconst Context = React.createContext({ submitForm: () => {} });\r\n\r\nconst Form = ({\r\n children,\r\n className,\r\n endpoint,\r\n method,\r\n showSubmitButton,\r\n submitButtonText,\r\n onSubmit\r\n}) => {\r\n const form = React.useRef();\r\n\r\n const submitForm = () => {\r\n form.current.submit();\r\n };\r\n\r\n return (\r\n {topContent}
\r\n\r\n {filters && (\r\n \r\n setMobileFiltersVisible(false)}\r\n isLoading={isLoading}\r\n />\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n {contentArea && \r\n {title && onCheck(e, i)}\r\n theme={Checkbox.themes.gray}\r\n {...checkbox}\r\n />\r\n ))}\r\n
\r\n );\r\n};\r\n\r\nCheckboxGroup.propTypes = {\r\n title: PropTypes.string,\r\n options: PropTypes.arrayOf(PropTypes.exact(Checkbox.propTypes)),\r\n validationError: PropTypes.string,\r\n setIsChecked: PropTypes.func,\r\n required: PropTypes.bool,\r\n requiredText: PropTypes.exact(Message.propTypes),\r\n setMessage: PropTypes.func\r\n};\r\n\r\nexport default CheckboxGroup;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport ContentArea from 'components-old/content-area';\r\nimport Heading from 'components-old/heading';\r\n\r\nconst ContactBlock = ({ items, onPageEditing, title }) => (\r\n {title}
}\r\n {validationError && (\r\n\r\n {validationError}\r\n
\r\n )}\r\n\r\n {options.map((checkbox, i) => (\r\n \r\n {title && {title} }\r\n
\r\n);\r\n\r\nContactBlock.propTypes = {\r\n items: PropTypes.exact(ContentArea.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n title: PropTypes.string\r\n};\r\n\r\nContactBlock.defaultProps = {\r\n items: [],\r\n onPageEditing: {}\r\n};\r\n\r\nexport default ContactBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport Link from 'components-old/link';\r\n\r\nconst ContactInfo = ({ details, onPageEditing, title }) => (\r\n \r\n
\r\n);\r\n\r\nContactInfo.propTypes = {\r\n details: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n title: PropTypes.string.isRequired\r\n};\r\n\r\nContactInfo.propTypesMeta = 'exclude';\r\n\r\nContactInfo.defaultProps = {\r\n onPageEditing: {},\r\n details: []\r\n};\r\n\r\nexport default ContactInfo;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components-old/link';\r\nimport Heading from 'components-old/heading';\r\n\r\nconst ContactListItem = ({ title, contactLists = [], onPageEditing = {} }) => {\r\n return (\r\n {title}
\r\n- \r\n {details.map(detail => (\r\n
- \r\n \r\n \r\n ))}\r\n
\r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {contactLists.map(({ name, email, phone }) => (\r\n
\r\n );\r\n};\r\n\r\nContactListItem.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n contactLists: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n name: PropTypes.exact({\r\n text: PropTypes.string,\r\n position: PropTypes.string\r\n }),\r\n email: PropTypes.exact(Link.propTypes),\r\n phone: PropTypes.exact(Link.propTypes)\r\n })\r\n ),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n })\r\n};\r\n\r\nexport default ContactListItem;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport ContactListItem from 'components-old/contact-list/contact-list-item';\r\n\r\nconst ContactList = ({ contactGroups = [] }) => {\r\n return (\r\n \r\n
\r\n ))}\r\n \r\n {name && {name.text}}\r\n {name.position &&
\r\n {name.position}
}\r\n {email && }
\r\n {phone && }
\r\n \r\n {contactGroups.map(contactGroup => (\r\n
\r\n );\r\n};\r\n\r\nContactList.propTypes = {\r\n contactGroups: PropTypes.arrayOf(PropTypes.exact(ContactListItem.propTypes))\r\n};\r\n\r\nexport default ContactList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components-old/link';\r\nimport RichText from 'components-old/rich-text';\r\n\r\nconst MapPopup = ({ address, link, title }) => (\r\n \r\n {title &&
\r\n);\r\n\r\nMapPopup.propTypes = {\r\n address: PropTypes.exact(RichText.propTypes),\r\n link: PropTypes.exact(Link.propTypes),\r\n title: PropTypes.string\r\n};\r\n\r\nexport default MapPopup;\r\n","// See https://developers.google.com/maps/documentation/javascript/styling for examples of styling.\r\n// See https://developers.google.com/maps/documentation/javascript/style-reference for element types reference\r\n\r\nexport default {\r\n gestureHandling: 'cooperative',\r\n disableDefaultUI: true,\r\n styles: [\r\n {\r\n featureType: 'landscape',\r\n elementType: 'geometry',\r\n stylers: [{ color: '#E8ECEE' }]\r\n },\r\n {\r\n featureType: 'water',\r\n elementType: 'geometry',\r\n stylers: [{ color: '#9EE6F4' }]\r\n }\r\n ]\r\n};\r\n","import React from 'react';\r\nimport ReactDOMServer from 'react-dom/server';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport isRunningOnClient from '@creuna/utils/is-running-on-client';\r\nconst { Loader } = isRunningOnClient ? require('google-maps') : {};\r\n\r\nimport Button from 'components-old/button';\r\nimport MapPopup from './map-popup';\r\n\r\nimport mapOptions from './map-options';\r\nimport markerIcon from '../../assets-old/images/map-marker.png';\r\n\r\nclass Map extends React.Component {\r\n static propTypes = {\r\n googleMapsAPIKey: PropTypes.string.isRequired,\r\n labels: PropTypes.exact({\r\n zoomIn: PropTypes.string,\r\n zoomOut: PropTypes.string\r\n }),\r\n markers: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n name: PropTypes.string.isRequired,\r\n latitude: PropTypes.number.isRequired,\r\n longitude: PropTypes.number.isRequired,\r\n popup: PropTypes.exact(MapPopup.propTypes)\r\n })\r\n )\r\n };\r\n\r\n static defaultProps = {\r\n labels: {},\r\n markers: []\r\n };\r\n\r\n static propTypesMeta = {\r\n markers: [{ latitude: 'float', longitude: 'float' }]\r\n };\r\n\r\n state = {};\r\n\r\n google = null;\r\n map = null;\r\n\r\n getBounds = markers => {\r\n const google = this.google;\r\n const bounds = new google.maps.LatLngBounds(); //loop through all markers and create bounds\r\n\r\n if (markers && markers.length) {\r\n markers.forEach(marker => {\r\n bounds.extend(\r\n new google.maps.LatLng(marker.latitude, marker.longitude)\r\n );\r\n });\r\n }\r\n\r\n return bounds;\r\n };\r\n\r\n fitMapToMarkers = markers => {\r\n const bounds = this.getBounds(markers);\r\n\r\n if (markers.length === 1) {\r\n this.map.setCenter(bounds.getCenter());\r\n this.map.setZoom(16);\r\n } else {\r\n // fit to bounds\r\n this.map.fitBounds(bounds);\r\n }\r\n };\r\n\r\n zoomIn = () => {\r\n this.map.setZoom(this.map.getZoom() + 1);\r\n };\r\n\r\n zoomOut = () => {\r\n this.map.setZoom(this.map.getZoom() - 1);\r\n };\r\n\r\n componentDidMount() {\r\n const loader = new Loader(this.props.googleMapsAPIKey);\r\n loader.load().then(google => {\r\n this.google = google;\r\n this.map = new google.maps.Map(this.wrapper, mapOptions);\r\n\r\n this.fitMapToMarkers(this.props.markers);\r\n const popupsAndMarkers = this.props.markers.map(marker => {\r\n return {\r\n popup: new google.maps.InfoWindow({\r\n content: ReactDOMServer.renderToString(\r\n {title}
}\r\n\r\n
\r\n\r\n \r\n \r\n \r\n {title} \r\n \r\n );\r\n};\r\n\r\nPortfolioHeader.propTypes = {\r\n title: PropTypes.string,\r\n theme: PortfolioTile.propTypes.theme\r\n};\r\n\r\nexport default PortfolioHeader;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Button from 'components-old/button';\r\nimport ContentContainer from 'components-old/content-container';\r\nimport FluidImage from 'components-old/fluid-image';\r\nimport Link from 'components-old/link';\r\nimport Map from 'components-old/map';\r\nimport TagLinkList from 'components-old/tag-link-list';\r\nimport Heading from 'components-old/heading';\r\nimport OPE from 'js/on-page-editing';\r\nimport PortfolioHeader from 'components-old/portfolio-header';\r\n\r\nconst PageHeader = ({\r\n image,\r\n ingress,\r\n links,\r\n map,\r\n onPageEditing,\r\n tags,\r\n title,\r\n portfolioLinks,\r\n portfolioHeader\r\n}) => (\r\n \r\n {text}\r\n
\r\n);\r\n\r\nDateCardStatus.propTypes = {\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n centered: PropTypes.bool,\r\n text: PropTypes.string\r\n};\r\n\r\nDateCardStatus.propTypesMeta = 'exclude';\r\n\r\nDateCardStatus.themes = themes;\r\n\r\nexport default DateCardStatus;\r\n","/* eslint-disable react/no-multi-comp */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Accordion from 'components-old/accordion';\r\nimport Button from 'components-old/button';\r\nimport Link from 'components-old/link';\r\n\r\nconst Item = props => (\r\n // eslint-disable-next-line react/prop-types\r\n (this.wrapper = div)} />\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Map;\r\n","export default \"/Frontend/dist/map-marker.a9b8a60a636e1deacceb512ebc4e2808.png\";","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Icon from 'components-old/icon';\r\n\r\nconst themes = {\r\n education: 'category-apple',\r\n technologies: 'category-building',\r\n democracy: 'category-democracy',\r\n industry: 'category-factory',\r\n food: 'category-grain',\r\n welfare: 'category-handshake',\r\n health: 'category-heart',\r\n climate: 'category-iceberg',\r\n petroleum: 'category-oil-drum',\r\n humanities: 'category-people',\r\n science: 'category-science',\r\n nature: 'category-tree',\r\n energy: 'category-windmill',\r\n global: 'category-globe',\r\n ocean: 'category-ocean',\r\n sami: 'category-sami'\r\n};\r\n\r\nconst PortfolioTile = ({ theme, className, children }) => (\r\n \r\n
\r\n \r\n {children}\r\n
\r\n);\r\n\r\nPortfolioTile.propTypes = {\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n children: PropTypes.node,\r\n className: PropTypes.string\r\n};\r\n\r\nPortfolioTile.propTypesMeta = 'exclude';\r\n\r\nexport default PortfolioTile;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Heading from 'components-old/heading/heading';\r\nimport PortfolioTile from 'components-old/portfolio-tiles/portfolio-tile';\r\n\r\nconst PortfolioHeader = ({ title, theme }) => {\r\n return (\r\n \r\n {(image || map || links) && (\r\n \r\n {portfolioHeader && \r\n
\r\n);\r\n\r\nPageHeader.propTypes = {\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n ingress: PropTypes.string,\r\n links: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n portfolioLinks: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n map: PropTypes.exact(Map.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string,\r\n ingress: PropTypes.string,\r\n links: PropTypes.string\r\n }),\r\n title: PropTypes.string,\r\n tags: PropTypes.exact(TagLinkList.propTypes),\r\n portfolioHeader: PropTypes.exact(PortfolioHeader.propTypes)\r\n};\r\n\r\nPageHeader.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default PageHeader;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Heading from 'components-old/heading';\r\nimport RichText from 'components-old/rich-text';\r\n\r\nconst themes = {\r\n narrow: '-theme-narrow'\r\n};\r\n\r\n// NOTE: headingLevelOffset is intended to be used by the backend only, as a way to describe the semantic relationships between blocks without having to know what the actual heading levels are.\r\nconst RichTextBlock = ({\r\n headingLevel,\r\n headingLevelOffset,\r\n htmlId,\r\n text,\r\n theme,\r\n title\r\n}) => (\r\n \r\n {map && }\r\n {image && \r\n \r\n )}\r\n
\r\n )}\r\n {title && (\r\n \r\n {links.map(link => (\r\n
\r\n \r\n {title} \r\n
\r\n )}\r\n \r\n {ingress && (\r\n \r\n {ingress}\r\n \r\n )}\r\n {portfolioLinks && !!portfolioLinks.length && (\r\n
\r\n \r\n {portfolioLinks.map((link, index) => {\r\n const theme = !index\r\n ? [Button.themes.fill, Button.themes.big]\r\n : [Button.themes.orangeOutline, Button.themes.big];\r\n return (\r\n
\r\n )}\r\n {tags && \r\n {title && (\r\n
\r\n);\r\n\r\nRichTextBlock.propTypes = {\r\n headingLevel: PropTypes.number,\r\n headingLevelOffset: PropTypes.number,\r\n htmlId: PropTypes.string,\r\n text: PropTypes.exact(RichText.propTypes),\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n title: PropTypes.string\r\n};\r\n\r\nRichTextBlock.propTypesMeta = 'exclude';\r\n\r\nRichTextBlock.themes = themes;\r\n\r\nexport default RichTextBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport ContentArea from 'components-old/content-area';\r\nimport ContentContainer from 'components-old/content-container';\r\nimport HtmlString from 'components-old/html-string';\r\nimport PageHeader from 'components-old/page-header';\r\nimport RichTextBlock from 'components-old/rich-text-block';\r\n\r\nconst narrowTextProps = {\r\n HtmlString: { theme: HtmlString.themes.narrow },\r\n RichTextBlock: { theme: RichTextBlock.themes.narrow }\r\n};\r\n\r\nconst ContentAreaPage = ({ content, pageHeader }) => (\r\n \r\n \r\n {title}\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n);\r\n\r\nContentAreaPage.propTypes = {\r\n content: PropTypes.exact(ContentArea.propTypes),\r\n pageHeader: PropTypes.exact(PageHeader.propTypes)\r\n};\r\n\r\nexport default ContentAreaPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Image from 'components-old/image';\r\n\r\nconst CtaLink = ({ image, text, url }) => (\r\n \r\n \r\n {items.map(({ url, icon, text }) => {\r\n const { OuterLink } = LinkWrapper(url, url);\r\n return (\r\n \r\n \r\n
\r\n);\r\n\r\nDateCardMedia.propTypes = {\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n text: PropTypes.string,\r\n icon: PropTypes.oneOf(Object.keys(supportedIcons)).isRequired,\r\n url: PropTypes.string\r\n })\r\n )\r\n};\r\n\r\nDateCardMedia.defaultProps = {\r\n items: []\r\n};\r\n\r\nexport default DateCardMedia;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nconst themes = {\r\n isActive: '-is-active',\r\n isCompleted: '-is-completed',\r\n resultIsPublished: '-result-is-published',\r\n isCanceled: '-is-canceled',\r\n isPlanned: '-is-planned'\r\n};\r\n\r\nconst DateCardStatus = ({ theme, centered, text }) => (\r\n \r\n \r\n
\r\n);\r\n\r\nconst DateCardTags = ({ accordion, items, numberOfVisibleItems }) => {\r\n if (!accordion) {\r\n return {items.map(Item)}
;\r\n }\r\n\r\n const visibleItems = items.slice(0, numberOfVisibleItems);\r\n const hiddenItems = items.slice(numberOfVisibleItems);\r\n\r\n return (\r\n \r\n {visibleItems.map(Item)}\r\n {hiddenItems.length > 0 && (\r\n \r\n {({ Button: AccordionButton, Collapse }) => (\r\n \r\n {hiddenItems.map(Item)} \r\n\r\n \r\n )}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nDateCardTags.propTypes = {\r\n accordion: PropTypes.exact(Accordion.propTypes),\r\n items: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n numberOfVisibleItems: PropTypes.number\r\n};\r\n\r\nDateCardTags.defaultProps = {\r\n items: [],\r\n numberOfVisibleItems: 4\r\n};\r\n\r\nexport default DateCardTags;\r\n","/* eslint-disable no-unused-vars */\r\n/* eslint-disable react/no-multi-comp */\r\nimport React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport useResize from 'js/hooks/resize';\r\n\r\nconst ChildHoF = setHeight => {\r\n const Child = ({ children, className }) => {\r\n const forceUpdate = useState()[1];\r\n\r\n useResize(forceUpdate);\r\n\r\n return (\r\n \r\n
\r\n \r\n {children(ChildHoF(setHeight))}\r\n
\r\n );\r\n};\r\n\r\nHeightOfChild.propTypes = {\r\n children: PropTypes.func,\r\n className: PropTypes.string\r\n};\r\n\r\nHeightOfChild.propTypesMeta = 'exclude';\r\n\r\nexport default HeightOfChild;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nconst EventData = ({ items, onPageEditing, enableTabbing }) => (\r\n - \r\n {items.map(item => (\r\n
- {`${item.label}:`} \r\n
- \r\n {item.text.map(paragraphs => (\r\n
\r\n {paragraphs.map(line => (\r\n {line}\r\n ))}\r\n
\r\n ))}\r\n \r\n \r\n ))}\r\n
- \r\n {dates.map((date, index) => (\r\n
\r\n \r\n {dates && dates.length && (\r\n \r\n \r\n )}\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n {labels.pastDate}\r\n
\r\n )}\r\n {datesTitle}
\r\n )}\r\n {!!dates.length && (\r\n \r\n {dates.map((date, index) => (\r\n
\r\n )}\r\n {datesDescription && (\r\n \r\n \r\n {Child => (\r\n \r\n {date.month}\r\n \r\n )}\r\n \r\n )}\r\n {((singleYear && !!index) || !singleYear) && (\r\n \r\n {Child => (\r\n \r\n {date.year}\r\n \r\n )}\r\n \r\n )}\r\n
\r\n ))}\r\n {date.day}
\r\n {((singleMonth && !!index) || !singleMonth) && (\r\n {datesDescription}
\r\n )}\r\n {isInternational && (\r\n \r\n \r\n
\r\n )}\r\n {!isPlanned && !isInternational && !date && (\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nDateCardDates.propTypes = {\r\n dates: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n day: PropTypes.string,\r\n month: PropTypes.string,\r\n year: PropTypes.string\r\n })\r\n ),\r\n datesDescription: PropTypes.string,\r\n datesTitle: PropTypes.string,\r\n isPastDate: PropTypes.bool,\r\n isInternational: PropTypes.bool,\r\n isPlanned: PropTypes.bool,\r\n className: PropTypes.string,\r\n eventImage: PropTypes.exact(EventImage.propTypes),\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n setHeight: PropTypes.func,\r\n labels: PropTypes.exact({\r\n pastDate: PropTypes.string\r\n }),\r\n moreDates: PropTypes.exact(DatesMore.propTypes),\r\n date: PropTypes.string,\r\n url: PropTypes.string,\r\n nameHeight: PropTypes.number\r\n};\r\n\r\nDateCardDates.defaultProps = {\r\n dates: [],\r\n labels: {}\r\n};\r\n\r\nDateCardDates.propTypesMeta = 'exclude';\r\nDateCardDates.themes = themes;\r\n\r\nexport default DateCardDates;\r\n","import React, { useRef, useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\nimport propTypeTheme from 'utils/prop-type-theme';\r\n\r\nimport DateCardMedia from './date-card-media';\r\nimport DateCardStatus from './date-card-status';\r\nimport DateCardTags from './date-card-tags';\r\nimport DateCardDates from './date-card-dates';\r\nimport Heading from 'components-old/heading';\r\nimport Link from 'components-old/link';\r\nimport Metadata from 'components-old/metadata';\r\nimport Message from 'components-old/message';\r\nimport resizeHook from 'js/hooks/resize';\r\n\r\nconst themes = {\r\n rightAlignedTags: '-theme-right-aligned-tags',\r\n noPadding: '-theme-no-padding',\r\n noBorder: '-theme-no-border',\r\n sidebar: '-theme-sidebar',\r\n vertical: '-theme-vertical'\r\n};\r\n\r\nconst useGetHeightOfName = ref => {\r\n const [nameHeight, setNameHeight] = useState();\r\n\r\n useEffect(() => {\r\n if (!ref.current) return;\r\n const nameHeight = ref.current.offsetHeight;\r\n setNameHeight(nameHeight);\r\n });\r\n\r\n resizeHook(() => setNameHeight(ref.current && ref.current.offsetHeight));\r\n\r\n return nameHeight;\r\n};\r\n\r\nconst DateCard = ({\r\n dateContainer,\r\n headingLevel,\r\n media,\r\n metadata,\r\n metadataTheme,\r\n messageList,\r\n showMedia,\r\n subtitle,\r\n status,\r\n tags,\r\n theme,\r\n title,\r\n text,\r\n url,\r\n usedInSidebar,\r\n isImageLink,\r\n isEventList,\r\n name\r\n}) => {\r\n const { dates = [] } = dateContainer;\r\n const hasDate = dates.length || dateContainer.date;\r\n\r\n const nameRef = useRef();\r\n const heightOfName = useGetHeightOfName(nameRef);\r\n\r\n return (\r\n \r\n {messageList.map(message => (\r\n
\r\n \r\n {(status || tags) && (\r\n \r\n
\r\n ))}\r\n {metadata && (\r\n \r\n
\r\n )}\r\n {showMedia && media && {text}
}\r\n\r\n {status && (\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nDateCard.propTypes = {\r\n dateContainer: PropTypes.exact(DateCardDates.propTypes),\r\n messageList: PropTypes.arrayOf(PropTypes.exact(Message.propTypes)),\r\n headingLevel: PropTypes.number,\r\n metadata: PropTypes.exact(Metadata.propTypes),\r\n metadataTheme: PropTypes.string,\r\n // Disable eslint warning of unused propType because 'id' is used as 'key' when rendering lists of DateCard\r\n // eslint-disable-next-line\r\n id: PropTypes.string.isRequired,\r\n media: PropTypes.exact(DateCardMedia.propTypes),\r\n showMedia: PropTypes.bool,\r\n status: PropTypes.exact(DateCardStatus.propTypes),\r\n subtitle: PropTypes.string,\r\n tags: PropTypes.exact(DateCardTags.propTypes),\r\n text: PropTypes.string,\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n title: PropTypes.string,\r\n url: PropTypes.string,\r\n usedInSidebar: PropTypes.bool,\r\n isImageLink: PropTypes.bool,\r\n isEventList: PropTypes.bool,\r\n name: PropTypes.string\r\n};\r\n\r\nDateCard.propTypesMeta = 'exclude';\r\n\r\nDateCard.defaultProps = {\r\n headingLevel: 2,\r\n messageList: [],\r\n showMedia: true,\r\n dateContainer: {}\r\n};\r\n\r\nDateCard.themes = themes;\r\n\r\nexport default DateCard;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Heading from 'components-old/heading';\r\n\r\nconst DescriptionListBlock = ({ headingLevel, items, title }) => (\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n\r\n
\r\n);\r\n\r\nDescriptionListBlock.propTypes = {\r\n headingLevel: PropTypes.number,\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n label: PropTypes.string,\r\n text: PropTypes.string\r\n })\r\n ),\r\n title: PropTypes.string\r\n};\r\n\r\nDescriptionListBlock.propTypesMeta = 'exclude';\r\n\r\nDescriptionListBlock.defaultProps = {\r\n headingLevel: 2,\r\n items: []\r\n};\r\n\r\nexport default DescriptionListBlock;\r\n","/* eslint-disable react/no-multi-comp */\r\nimport React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Icon from 'components-old/icon/icon';\r\nimport tableSort from 'js/utils/sort-table';\r\n\r\n// Checks whether a string represents a number, to allow for special styling of numbers-as-text\r\nconst isNumber = (string = '') => !isNaN(Number(string.replace(/\\s/g, '')));\r\n\r\nconst ThWithSort = ({ children, onClick, sortDirection }) => (\r\n - \r\n {items.map(item => (\r\n \r\n
- {item.label} \r\n
- {item.text} \r\n \r\n ))}\r\n
\r\n {children}\r\n \r\n
\r\n \r\n);\r\n\r\nconst Table = ({ header, rows, isSortingEnabled, sortingIndex, title }) => {\r\n const [rowsState, setRowsState] = useState(rows);\r\n const [sortDirection, setSortDirection] = useState(\r\n rows[0].map(() => undefined)\r\n );\r\n\r\n const sort = (index, initiallyReverse = false) => {\r\n setRowsState(rows => {\r\n const rowsCopy = rows.map(row => [...row]);\r\n rowsCopy.sort((a, b) => tableSort(a[index].value, b[index].value));\r\n\r\n const shouldReverse = sortDirection[index] || initiallyReverse;\r\n shouldReverse && rowsCopy.reverse();\r\n return rowsCopy;\r\n });\r\n\r\n setSortDirection(prevState =>\r\n prevState.map((shouldRev, i) =>\r\n i === index ? !(shouldRev || initiallyReverse) : undefined\r\n )\r\n );\r\n };\r\n\r\n useEffect(() => isSortingEnabled && sort(sortingIndex, true), []);\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n header: PropTypes.arrayOf(PropTypes.string),\r\n rows: PropTypes.arrayOf(\r\n PropTypes.arrayOf(\r\n PropTypes.shape({\r\n value: PropTypes.string,\r\n displayValue: PropTypes.string,\r\n isRightAligned: PropTypes.bool\r\n })\r\n )\r\n ),\r\n isSortingEnabled: PropTypes.bool,\r\n sortingIndex: PropTypes.number,\r\n title: PropTypes.string\r\n};\r\n\r\nTable.propTypesMeta = 'exclude';\r\n\r\nTable.defaultProps = {\r\n header: [],\r\n rows: [],\r\n sortingIndex: 0\r\n};\r\n\r\nexport default Table;\r\n","import React from 'react';\r\nimport cn from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport Accordion from 'components-old/accordion/accordion';\r\nimport Icon from 'components-old/icon/icon';\r\nimport Button from 'components-old/button';\r\n\r\nconst TableMobileSort = ({\r\n options,\r\n selectedOption,\r\n setSortOption,\r\n title,\r\n accordion\r\n}) => {\r\n return (\r\n | {column} | \r\n )}\r\n
|---|
\r\n \r\n \r\n {isOpen && (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n {selectedOption}\r\n \r\n \r\n
\r\n \r\n
\r\n {title}
\r\n- \r\n {options.map(option => (\r\n
- \r\n
\r\n \r\n {({ Button, Collapse, toggle }) => (\r\n <>\r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nTableMobileItem.propTypes = {\r\n list: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n label: PropTypes.string,\r\n value: PropTypes.string,\r\n displayValue: PropTypes.string\r\n })\r\n ),\r\n accordion: PropTypes.exact(Accordion.propTypes)\r\n};\r\n\r\nexport default TableMobileItem;\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport TableMobileSort from './table-mobile-sort';\r\nimport TableMobileItem from './table-mobile-item';\r\nimport FlipMotion from 'react-flip-motion';\r\nimport sort from 'js/utils/sort-table';\r\n\r\nconst extractValue = (x, sortOption) => {\r\n const item = x.list.find(({ label }) => label === sortOption);\r\n const value = item && item.value;\r\n\r\n return value;\r\n};\r\n\r\nconst TableMobile = ({ items, sortMenu }) => {\r\n if (!items || !items.length || !items[0]) return null;\r\n const [sortOption, setSortOption] = useState(items[0].list[0].label);\r\n const [itemsState, setitemsState] = useState(items);\r\n\r\n useEffect(() => {\r\n if (!sortOption) return;\r\n const newItems = JSON.parse(JSON.stringify(itemsState));\r\n newItems.sort((a, b) =>\r\n sort(extractValue(a, sortOption), extractValue(b, sortOption))\r\n );\r\n setitemsState(newItems);\r\n }, [sortOption]);\r\n\r\n const sortOptions = items[0].list.map(({ label }) => label);\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n {subtitle}
\r\n \r\n {list.slice(2).map(({ displayValue, label, value }) => (\r\n
\r\n \r\n
\r\n ))}\r\n {label}:
\r\n {displayValue || value}
\r\n \r\n \r\n {itemsState.map(item => (\r\n \r\n
\r\n );\r\n};\r\n\r\nTableMobile.propTypes = {\r\n items: PropTypes.arrayOf(PropTypes.exact(TableMobileItem.propTypes)),\r\n sortMenu: PropTypes.exact(TableMobileSort.propTypes)\r\n};\r\n\r\nexport default TableMobile;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Heading from 'components-old/heading';\r\nimport Table from 'components-old/table';\r\nimport RichText from 'components-old/rich-text';\r\nimport useIsScreenSize from 'js/hooks/use-is-screen-size';\r\nimport TableMobile from 'components-old/table-mobile';\r\n\r\nconst TableBlock = ({ table, mobileList, title, richText, isWide }) => {\r\n const isMobile = useIsScreenSize('mdMax');\r\n\r\n return (\r\n \r\n {!isMobile ? (\r\n
\r\n ) : (\r\n <>\r\n {mobileList ? (\r\n <>\r\n {title && {title} }\r\n\r\n
\r\n )}\r\n \r\n )}\r\n {richText &&
\r\n );\r\n};\r\n\r\nTableBlock.propTypes = {\r\n table: PropTypes.exact(Table.propTypes).isRequired,\r\n title: PropTypes.string.isRequired,\r\n richText: PropTypes.exact(RichText.propTypes),\r\n mobileList: PropTypes.exact(TableMobile.propTypes),\r\n isWide: PropTypes.bool\r\n};\r\n\r\nTableBlock.propTypesMeta = 'exclude';\r\n\r\nexport default TableBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport DescriptionListBlock from 'components-old/description-list-block';\r\nimport TableBlock from 'components-old/table-block';\r\n\r\nconst DescriptionListAndTables = ({ descriptionList, tables }) => (\r\n \r\n
\r\n ))}\r\n \r\n {(grade || time) && (\r\n \r\n {grade && {grade}}\r\n {grade && time && '|'}\r\n {time && (\r\n \r\n \r\n )}\r\n \r\n )}\r\n\r\n {title && (\r\n
\r\n {image && (\r\n \r\n {title}\r\n
\r\n )}\r\n {ingress && (\r\n\r\n {ingress}\r\n
\r\n )}\r\n {link && (\r\n\r\n
\r\n )}\r\n \r\n);\r\n\r\nEducationBlock.propTypes = {\r\n grade: PropTypes.string,\r\n time: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes),\r\n editorTheme: PropTypes.oneOf(Object.values(themes)),\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string,\r\n ingress: PropTypes.string,\r\n time: PropTypes.string,\r\n grade: PropTypes.string\r\n }),\r\n imageLeft: PropTypes.bool,\r\n title: PropTypes.string.isRequired,\r\n ingress: PropTypes.string\r\n};\r\n\r\nEducationBlock.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default EducationBlock;\r\n","import React from 'react';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport useOnIntersect from 'js/hooks/use-on-intersect';\r\nimport OPE from 'js/on-page-editing';\r\n\r\nconst EmbedBlock = ({ height, onPageEditing, src, title, width }) => {\r\n const wrapper = useRef();\r\n const hasDimensions = height && width;\r\n const [minHeight, setMinHeight] = useState(0);\r\n const [srcState, setSrcState] = useState(undefined);\r\n\r\n useOnIntersect(wrapper, () => setSrcState(src));\r\n\r\n useEffect(() => {\r\n setMinHeight(\r\n hasDimensions ? 0 : (9 / 16) * (wrapper.current.offsetWidth || 0)\r\n );\r\n });\r\n\r\n const wrapperClass = cn('embed-block', { '-has-dimensions': hasDimensions });\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nEmbedBlock.propTypes = {\r\n height: PropTypes.number,\r\n onPageEditing: PropTypes.string,\r\n src: PropTypes.string.isRequired,\r\n title: PropTypes.string.isRequired,\r\n width: PropTypes.number\r\n};\r\n\r\nEmbedBlock.propTypesMeta = 'exclude';\r\n\r\nexport default EmbedBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components-old/link';\r\n\r\nconst EmployeeSearchResult = ({ labeledLinks, subTitle, texts, title }) => (\r\n \r\n {title &&
\r\n);\r\n\r\nEmployeeSearchResult.propTypes = {\r\n labeledLinks: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n label: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes)\r\n })\r\n ),\r\n subTitle: PropTypes.string,\r\n texts: PropTypes.arrayOf(PropTypes.string),\r\n title: PropTypes.string.isRequired\r\n};\r\n\r\nEmployeeSearchResult.defaultProps = {\r\n texts: [],\r\n labeledLinks: []\r\n};\r\n\r\nexport default EmployeeSearchResult;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components-old/link';\r\n\r\nconst SearchSuggestions = ({ label, suggestions }) => (\r\n {title}
}\r\n\r\n {subTitle &&{subTitle}
}\r\n\r\n {texts.length > 0 && (\r\n- \r\n {texts.map(text => (\r\n
- {text} \r\n ))}\r\n
- \r\n {labeledLinks.map(({ label, link }) => (\r\n
- \r\n {label}: \r\n \r\n \r\n ))}\r\n
\r\n {label}\r\n {suggestions.map((suggestion, index) => (\r\n \r\n \r\n {index < suggestions.length - 1 && , }\r\n \r\n ))}\r\n
\r\n);\r\n\r\nSearchSuggestions.propTypes = {\r\n label: PropTypes.string.isRequired,\r\n suggestions: PropTypes.arrayOf(PropTypes.string).isRequired\r\n};\r\n\r\nexport default SearchSuggestions;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport api from 'js/api-helper';\r\n\r\nimport Button from 'components-old/button';\r\nimport Link from 'components-old/link';\r\nimport TextInput from 'components-old/form-elements/text-input';\r\nimport SearchSuggestions from 'components-old/search-suggestions';\r\nimport propTypeTheme from 'utils/prop-type-theme';\r\n\r\nconst themes = {\r\n errorPage: '-theme-error-page'\r\n};\r\n\r\nconst Search = ({\r\n externalResultsLabel,\r\n externalResultsEndpoint,\r\n input = {},\r\n resultsDescription,\r\n submit,\r\n searchSuggestions,\r\n theme\r\n}) => {\r\n const inputElement = React.useRef();\r\n const [hasText, setHasText] = React.useState(false);\r\n const [externalResultsCount, setExternalResultsCount] = React.useState(0);\r\n const [externalResultsUrl, setExternalResultsUrl] = React.useState('');\r\n const [inputValue, setInputValue] = React.useState(input.value || '');\r\n\r\n const onInputChange = event => {\r\n setInputValue(event.target.value);\r\n\r\n setHasText(event.target.value.length > 0);\r\n };\r\n\r\n const removeText = () => {\r\n inputElement.current.value = '';\r\n inputElement.current.focus();\r\n\r\n setHasText(false);\r\n };\r\n\r\n React.useEffect(() => {\r\n if (externalResultsEndpoint) {\r\n api.get(externalResultsEndpoint).then(({ Hits, url }) => {\r\n setExternalResultsCount(Hits);\r\n setExternalResultsUrl(url);\r\n });\r\n }\r\n }, [externalResultsEndpoint]);\r\n\r\n React.useEffect(() => {\r\n // On every new input response from backend:\r\n if (typeof input.value !== 'string') return;\r\n setInputValue(input.value);\r\n }, [input.dataId]);\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nSearch.themes = themes;\r\n\r\nSearch.propTypes = {\r\n externalResultsLabel: PropTypes.string,\r\n externalResultsEndpoint: PropTypes.string,\r\n input: PropTypes.shape(TextInput.propTypes),\r\n resultsDescription: PropTypes.string,\r\n submit: PropTypes.exact(Button.propTypes),\r\n searchSuggestions: PropTypes.exact(SearchSuggestions.propTypes),\r\n theme: PropTypes.oneOf(Object.values(themes))\r\n};\r\n\r\nSearch.propTypesMeta = 'exclude';\r\n\r\nexport default Search;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components-old/link';\r\nimport Search from 'components-old/search';\r\nimport Icon from 'components-old/icon';\r\nimport Form from 'components-old/form';\r\n\r\nconst ErrorPage = ({ errorCode, link, title, message, search, text, form }) => (\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {resultsDescription}\r\n {externalResultsUrl && (\r\n
\r\n \r\n {errorCode ? (\r\n
\r\n);\r\n\r\nErrorPage.propTypes = {\r\n errorCode: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes),\r\n title: PropTypes.string,\r\n message: PropTypes.string,\r\n search: PropTypes.exact(Search.propTypes),\r\n text: PropTypes.string,\r\n form: PropTypes.exact(Form.propTypes)\r\n};\r\n\r\nexport default ErrorPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components-old/link';\r\n\r\nconst TopFilter = ({ options, title, timeframe }) => (\r\n \r\n {errorCode &&
\r\n {errorCode}
}\r\n {title &&{title}
}\r\n {message && {message}
}\r\n {text && {text}
}\r\n {search && (\r\n \r\n )}\r\n {link && (\r\n\r\n
\r\n);\r\n\r\nTopFilter.propTypes = {\r\n options: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n isCurrent: PropTypes.bool,\r\n link: PropTypes.exact(Link.propTypes)\r\n })\r\n ),\r\n title: PropTypes.string,\r\n timeframe: PropTypes.exact({\r\n value: PropTypes.number,\r\n id: PropTypes.string,\r\n name: PropTypes.string\r\n })\r\n};\r\n\r\nTopFilter.defaultProps = {\r\n options: []\r\n};\r\n\r\nexport default TopFilter;\r\n","/* eslint-disable react/no-multi-comp */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport ContentContainer from 'components-old/content-container';\r\n\r\nconst getZIndex = (length, index, currentIndex) => {\r\n if (index === currentIndex) return length;\r\n if (index < currentIndex) return index;\r\n return length - index;\r\n};\r\n\r\nconst TabList = ({ children, className }) => {\r\n return (\r\n {title}
\r\n\r\n
\r\n );\r\n })}\r\n - {children}
\r\n \r\n {title &&
\r\n \r\n );\r\n};\r\n\r\nStickyMenuOnTabs.propTypes = {\r\n navGroups: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n titleLink: PropTypes.exact(Link.propTypes),\r\n links: PropTypes.shape({\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact(StickyMenuOnTabsItem.propTypes)\r\n ).isRequired\r\n })\r\n })\r\n ),\r\n title: PropTypes.string,\r\n includeHeader: PropTypes.bool,\r\n className: PropTypes.string\r\n};\r\n\r\nStickyMenuOnTabs.defaultProps = {\r\n navGroups: []\r\n};\r\n\r\nStickyMenuOnTabs.propTypesMeta = 'exclude';\r\n\r\nexport default StickyMenuOnTabs;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport icons from '../../assets-old/inline-svg-icons/icons';\r\nimport isDeveloperEnvironment from 'js/utils/is-developer-environment';\r\n\r\nimport Icon from 'components-old/icon';\r\nimport Link from 'components-old/link';\r\n\r\nconst types = {\r\n video: 'video',\r\n calendar: 'calendar'\r\n};\r\n\r\n// Custom validation here because the propTypes-C#-plugin does not support references to external files in PropTypes.oneOf, meaning that the 'types' object must use hard coded magic strings instead of references to existing icons.\r\n// These checks check whether 'icons' have a definition for the magic strings defined in 'types'\r\nif (isDeveloperEnvironment()) {\r\n Object.values(types).forEach(type => {\r\n // eslint-disable-next-line no-console\r\n if (!icons[type]) console.error(`No icon for type \"${type}\"`);\r\n });\r\n}\r\n\r\nconst EventPageLink = ({ icon, text, url }) => (\r\n {title}
}\r\n \r\n\r\n
\r\n);\r\n\r\nEventPageLink.propTypes = {\r\n icon: PropTypes.oneOf(Object.values(types)).isRequired,\r\n text: PropTypes.string,\r\n url: PropTypes.string\r\n};\r\n\r\nexport default EventPageLink;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst Label = ({ htmlId, title }) => {\r\n return \r\n
\r\n \r\n {title}
;\r\n};\r\n\r\nLabel.propTypes = {\r\n htmlId: PropTypes.string,\r\n title: PropTypes.string\r\n};\r\n\r\nexport default Label;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport Button from 'components-old/button';\r\nimport ContentArea from 'components-old/content-area';\r\nimport ContentContainer from 'components-old/content-container';\r\nimport StickyMenuOnTabs from 'components-old/sticky-menu-on-tabs';\r\nimport ContentWithSidebar from 'components-old/content-with-sidebar';\r\nimport EventData from './event-data';\r\nimport EventPageLink from './event-page-link';\r\nimport Link from 'components-old/link';\r\nimport RichText from 'components-old/rich-text';\r\nimport OptionsModal from 'components-old/options-modal';\r\nimport DateCardMedia from 'components-old/date-card/date-card-media';\r\nimport EventImage from 'components-old/event-image';\r\nimport Label from 'components-old/label';\r\nimport DatesMore from 'components-old/dates-more';\r\nimport DateField from 'components-old/date-field';\r\n\r\nconst EventPage = ({\r\n contactInfo,\r\n metadata,\r\n labels,\r\n links,\r\n onPageEditing,\r\n registrationLink,\r\n eventImage,\r\n richText,\r\n schedule,\r\n speakers,\r\n title,\r\n share,\r\n date,\r\n media,\r\n menu,\r\n moreDates\r\n}) => {\r\n const { image = {} } = eventImage;\r\n return (\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\nEventPage.propTypes = {\r\n contactInfo: PropTypes.exact(ContentArea.propTypes),\r\n labels: PropTypes.exact({\r\n about: PropTypes.exact(Label.propTypes),\r\n contact: PropTypes.exact(Label.propTypes),\r\n speakers: PropTypes.exact(Label.propTypes),\r\n schedule: PropTypes.exact(Label.propTypes)\r\n }),\r\n links: PropTypes.arrayOf(PropTypes.exact(EventPageLink.propTypes)),\r\n metadata: PropTypes.exact(EventData.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n speakers: PropTypes.exact(ContentArea.propTypes),\r\n richText: PropTypes.exact(RichText.propTypes),\r\n registrationLink: PropTypes.exact(Link.propTypes),\r\n schedule: PropTypes.exact(ContentArea.propTypes),\r\n title: PropTypes.string,\r\n share: PropTypes.exact(OptionsModal.propTypes),\r\n eventImage: PropTypes.exact(EventImage.propTypes),\r\n media: PropTypes.exact(DateCardMedia.propTypes),\r\n menu: PropTypes.exact(StickyMenuOnTabs.propTypes),\r\n moreDates: PropTypes.exact(DatesMore.propTypes),\r\n date: PropTypes.string\r\n};\r\n\r\nEventPage.defaultProps = {\r\n labels: {},\r\n links: [],\r\n onPageEditing: {},\r\n dateContainer: {},\r\n eventImage: {}\r\n};\r\n\r\nexport default EventPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Icon from 'components-old/icon';\r\nimport Link from 'components-old/link';\r\n\r\nconst supportedProviders = ['facebook', 'linkedin', 'rss'];\r\n\r\nconst SocialMediaLink = ({ provider, text, url }) => (\r\n \r\n
\r\n \r\n
\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {links.map(link => (\r\n
\r\n {richText && (\r\n \r\n {labels.about && }\r\n
\r\n )}\r\n {speakers && (\r\n \r\n {labels.speakers && }\r\n
\r\n )}\r\n {schedule && (\r\n \r\n {labels.schedule && }\r\n
\r\n )}\r\n {contactInfo && (\r\n \r\n
\r\n )}\r\n \r\n {items.map(link => (\r\n
\r\n);\r\n\r\nSocialMediaLinkList.propTypes = {\r\n className: PropTypes.string,\r\n items: PropTypes.arrayOf(PropTypes.exact(SocialMediaLink.propTypes)),\r\n theme: PropTypes.oneOf(Object.values(themes))\r\n};\r\n\r\nSocialMediaLinkList.defaultProps = {\r\n items: []\r\n};\r\n\r\nSocialMediaLinkList.propTypesMeta = 'exclude';\r\n\r\nSocialMediaLinkList.themes = themes;\r\n\r\nexport default SocialMediaLinkList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components-old/button';\r\nimport ContentContainer from 'components-old/content-container';\r\nimport HtmlString from 'components-old/html-string';\r\nimport Link from 'components-old/link';\r\nimport RichText from 'components-old/rich-text';\r\nimport SocialMediaLinkList from 'components-old/social-media-link-list';\r\n\r\nconst Footer = ({\r\n contactInfo,\r\n infoLinks,\r\n linkLists,\r\n newsLetter,\r\n socialMedia\r\n}) => (\r\n \r\n);\r\n\r\nFooter.propTypes = {\r\n contactInfo: PropTypes.exact(RichText.propTypes),\r\n infoLinks: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n linkLists: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n id: PropTypes.number,\r\n title: PropTypes.string,\r\n links: PropTypes.arrayOf(PropTypes.exact(Link.propTypes))\r\n })\r\n ),\r\n newsLetter: PropTypes.exact(Link.propTypes),\r\n socialMedia: PropTypes.exact(SocialMediaLinkList.propTypes)\r\n};\r\nexport default Footer;\r\n","import React from 'react';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Icon from 'components-old/icon';\r\nimport TextInput from '../text-input';\r\n\r\n/* eslint-disable react/prop-types */\r\nconst SearchInput = ({ className, idPrefix, label, name, placeholder }) => (\r\n \r\n
\r\n);\r\n\r\nSearchInput.propTypes = TextInput.propTypes;\r\n\r\nSearchInput.themes = TextInput.themes;\r\n\r\nexport default SearchInput;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport Button from 'components-old/button';\r\nimport FluidImage from 'components-old/fluid-image';\r\nimport Link from 'components-old/link';\r\n\r\nconst themes = {\r\n darkBlue: '-theme-dark-blue',\r\n greyBlue: '-theme-grey-blue',\r\n purple: '-theme-purple'\r\n};\r\n\r\nconst FrontpageHeader = ({ image, title, links, onPageEditing, theme }) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nFrontpageHeader.propTypes = {\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n links: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n onPageEditing: PropTypes.exact({\r\n links: PropTypes.string,\r\n numbers: PropTypes.string,\r\n text: PropTypes.string\r\n }),\r\n title: PropTypes.string,\r\n theme: PropTypes.oneOf(Object.values(themes))\r\n};\r\n\r\nFrontpageHeader.defaultProps = {\r\n links: {},\r\n numbers: [],\r\n onPageEditing: {},\r\n theme: '-theme-dark-blue'\r\n};\r\n\r\nexport default FrontpageHeader;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components-old/link';\r\nimport Heading from 'components-old/heading';\r\nimport LinkList from 'components-old/link-list';\r\n\r\nconst NestedLink = ({ item, iconData, linkTheme }) =>\r\n item.items ? (\r\n \r\n {title &&
\r\n {title}
}\r\n\r\n {links.map((link, index) => (\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nFrontpage.propTypes = {\r\n content: PropTypes.exact(ContentArea.propTypes),\r\n header: PropTypes.exact(FrontpageHeader.propTypes),\r\n linkList: PropTypes.exact(LinkList.propTypes)\r\n};\r\n\r\nexport default Frontpage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Link from 'components-old/link';\r\n\r\nconst GroupedSearchPageLink = ({ isCurrent, link }) => (\r\n \r\n {statusList.map(status => (\r\n
\r\n )}\r\n {metadata && (\r\n \r\n
\r\n )}\r\n \r\n {image && (\r\n
\r\n {themeTags && \r\n
\r\n )}\r\n {icon && !image && (\r\n \r\n
\r\n )}\r\n {text && \r\n
\r\n);\r\n\r\nSearchResultGroup.defaultProps = {\r\n results: []\r\n};\r\n\r\nSearchResultGroup.propTypes = {\r\n htmlId: PropTypes.string,\r\n results: PropTypes.exact(ContentArea.propTypes),\r\n title: PropTypes.string\r\n};\r\n\r\nexport default SearchResultGroup;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport propTypeTheme from 'utils/prop-type-theme';\r\n\r\nimport ContentContainer from 'components-old/content-container';\r\nimport EmptyList from 'components-old/empty-list';\r\nimport FilterLayout from 'components-old/filter-layout';\r\nimport Form from 'components-old/form';\r\nimport GroupedSearchPageLink from 'components-old/grouped-search-page-link';\r\nimport Pagination from 'components-old/pagination';\r\nimport Search from 'components-old/search';\r\nimport SearchResultGroup from 'components-old/search-result-group';\r\nimport Spinner from 'components-old/spinner';\r\nimport useFetchFilteredResults from 'js/hooks/use-fetch-filtered-results';\r\n\r\nconst themes = {\r\n lowercase: '-theme-lowercase'\r\n};\r\n\r\nconst GroupedSearchPage = ({\r\n emptyList,\r\n filterLayout,\r\n form,\r\n navigation,\r\n pagination,\r\n results,\r\n resultsDescription,\r\n search,\r\n title,\r\n theme,\r\n fetchFilteredResultsEndpoint\r\n}) => {\r\n const [\r\n isLoading,\r\n {\r\n results: resultsState,\r\n pagination: paginationState,\r\n resultsDescription: resultsDescriptionState,\r\n emptyList: emptyListState,\r\n search: searchState,\r\n filterLayout: filterLayoutState,\r\n navigation: navigationState\r\n },\r\n fetchResults\r\n ] = useFetchFilteredResults(\r\n {\r\n results,\r\n pagination,\r\n resultsDescription,\r\n emptyList,\r\n search,\r\n filterLayout,\r\n navigation\r\n },\r\n fetchFilteredResultsEndpoint,\r\n form.endpoint,\r\n search.input\r\n );\r\n\r\n const fetchResultsWithSearch = searchQueryParameter => {\r\n fetchResults(searchQueryParameter, search.input);\r\n };\r\n\r\n const topContent = (\r\n \r\n {title &&
\r\n {title}
}\r\n\r\n
\r\n \r\n {resultsDescriptionState}\r\n
\r\n );\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nGroupedSearchPage.defaultProps = {\r\n navigation: [],\r\n results: [],\r\n theme: []\r\n};\r\n\r\nGroupedSearchPage.propTypes = {\r\n emptyList: PropTypes.exact(EmptyList.propTypes),\r\n filterLayout: PropTypes.exact(FilterLayout.propTypes),\r\n form: PropTypes.exact(Form.propTypes),\r\n navigation: PropTypes.arrayOf(\r\n PropTypes.exact(GroupedSearchPageLink.propTypes)\r\n ),\r\n pagination: PropTypes.exact(Pagination.propTypes),\r\n results: PropTypes.arrayOf(PropTypes.exact(SearchResultGroup.propTypes)),\r\n resultsDescription: PropTypes.string,\r\n search: PropTypes.exact(Search.propTypes),\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n title: PropTypes.string,\r\n fetchFilteredResultsEndpoint: PropTypes.string\r\n};\r\n\r\nGroupedSearchPage.propTypesMeta = 'exclude';\r\n\r\nGroupedSearchPage.themes = themes;\r\n\r\nexport default GroupedSearchPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\nimport debounce from 'lodash/debounce';\r\n\r\nimport Button from 'components-old/button';\r\nimport Form from 'components-old/form';\r\nimport TextInput from 'components-old/form-elements/text-input';\r\n\r\nclass GlobalSearch extends React.Component {\r\n static propTypes = {\r\n closeGlobalSearch: PropTypes.func,\r\n closeButtonText: PropTypes.string.isRequired,\r\n form: PropTypes.exact(Form.propTypes).isRequired,\r\n input: PropTypes.exact(TextInput.propTypes).isRequired,\r\n isOpen: PropTypes.bool,\r\n button: PropTypes.exact(Button.propTypes).isRequired,\r\n openGlobalSearch: PropTypes.func,\r\n submitLabel: PropTypes.string,\r\n endpoint: PropTypes.string\r\n };\r\n\r\n static propTypesMeta = 'exclude';\r\n\r\n static defaultProps = {\r\n closeGlobalSearch: () => {}\r\n };\r\n\r\n state = {\r\n width: 'auto'\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n if (!prevProps.isOpen && this.props.isOpen) {\r\n clearTimeout(this.focusTimeout);\r\n this.focusTimeout = setTimeout(() => {\r\n this.input.focus();\r\n }, 300);\r\n }\r\n }\r\n\r\n setWidth = debounce(() => {\r\n if (!this || !this.container) {\r\n return;\r\n }\r\n this.setState({ width: this.container.offsetWidth || 'auto' });\r\n }, 500);\r\n\r\n componentDidMount() {\r\n this.setWidth();\r\n window.addEventListener('resize', this.setWidth);\r\n }\r\n\r\n componentWillUnmount() {\r\n clearTimeout(this.focusTimeout);\r\n window.removeEventListener('resize', this.setWidth);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n (this.input = input)}\r\n type=\"search\"\r\n theme={[TextInput.themes.rounded, TextInput.themes.hiddenLabel]}\r\n idPrefix=\"global\"\r\n {...this.props.input}\r\n />\r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default GlobalSearch;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Form from 'components-old/form';\r\nimport SearchInput from 'components-old/form-elements/search-input';\r\n\r\nconst MenuSearch = ({ form, input, submitLabel }) => (\r\n \r\n);\r\n\r\nMenuSearch.propTypes = {\r\n form: PropTypes.exact(Form.propTypes),\r\n input: PropTypes.exact(SearchInput.propTypes),\r\n submitLabel: PropTypes.string\r\n};\r\n\r\nexport default MenuSearch;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport TabTrapper from './tab-trapper';\r\n\r\nclass Modal extends React.Component {\r\n static propTypes = {\r\n children: PropTypes.node.isRequired,\r\n className: PropTypes.string,\r\n id: PropTypes.string,\r\n isVisible: PropTypes.bool,\r\n hideModal: PropTypes.func.isRequired // will be triggered by click on close button, modal background or by pressing the esc key\r\n };\r\n\r\n static propTypesMeta = 'exclude';\r\n\r\n state = {\r\n bodyElement: null\r\n };\r\n\r\n componentDidMount() {\r\n this.setState({ bodyElement: document.body });\r\n window.addEventListener('keyup', this.handleEscPress);\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener('keyup', this.handleEscPress);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.isVisible !== prevProps.isVisible && this.props.isVisible) {\r\n this.onAfterShowModal();\r\n }\r\n }\r\n\r\n onAfterShowModal = () => {\r\n // Wait one frame before focusing\r\n requestAnimationFrame(() => {\r\n this.modal.focus();\r\n this.modalWrapper.scrollTop = 0;\r\n });\r\n };\r\n\r\n handleEscPress = e => {\r\n if (e.which === 27) {\r\n this.props.hideModal();\r\n }\r\n };\r\n\r\n render() {\r\n const ariaProps = { 'aria-modal': true, role: 'dialog' };\r\n\r\n return !this.state.bodyElement\r\n ? null\r\n : ReactDOM.createPortal(\r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {title &&
\r\n );\r\n};\r\n\r\nNavigationGroup.propTypes = {\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n link: PropTypes.exact(Link.propTypes),\r\n linkList: PropTypes.exact(NavigationList.propTypes)\r\n })\r\n ),\r\n title: PropTypes.string.isRequired\r\n};\r\n\r\nNavigationGroup.defaultProps = {\r\n items: []\r\n};\r\n\r\nexport default NavigationGroup;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Button from 'components-old/button';\r\nimport Link from 'components-old/link';\r\nimport MenuSearch from './menu-search';\r\nimport Modal from 'components-old/modal';\r\nimport NavigationGroup from './navigation-group';\r\n\r\nconst Menu = ({\r\n closeMenu,\r\n closeButtonText,\r\n globalSearch,\r\n id,\r\n isOpen,\r\n linkList,\r\n navigationGroups\r\n}) => {\r\n return (\r\n {title}
}\r\n- \r\n {items.map(({ link, linkList }, index) => {\r\n if (link) {\r\n const linkRef = useRef();\r\n return (\r\n
- \r\n
- \r\n
\r\n \r\n );\r\n }\r\n return null;\r\n })}\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nMenu.propTypes = {\r\n closeMenu: PropTypes.func,\r\n closeButtonText: PropTypes.string,\r\n globalSearch: PropTypes.shape(MenuSearch.propTypes), // Intentional use of 'shape' since 'GlobalSearch' has properties that aren't used by 'MenuSearch'\r\n id: PropTypes.string,\r\n isOpen: PropTypes.bool,\r\n linkList: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n navigationGroups: PropTypes.arrayOf(\r\n PropTypes.exact(NavigationGroup.propTypes)\r\n )\r\n};\r\n\r\nMenu.propTypesMeta = 'exclude';\r\n\r\nMenu.defaultProps = {\r\n linkList: [],\r\n navigationGroups: []\r\n};\r\n\r\nexport default Menu;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport propTypeTheme from 'utils/prop-type-theme';\r\n\r\nimport logoWhite from '../../assets-old/images/logo-white.png';\r\nimport logo from '../../assets-old/images/logo.png';\r\n\r\nconst themes = {\r\n light: '-theme-light'\r\n};\r\n\r\nconst SimpleHeader = ({ url, text, theme }) => (\r\n \r\n
\r\n \r\n \r\n {closeButtonText}\r\n \r\n\r\n \r\n
\r\n {globalSearch && globalSearch.input && (\r\n \r\n \r\n {text}\r\n 
\r\n \r\n
\r\n);\r\n\r\nSimpleHeader.propTypes = {\r\n text: PropTypes.string,\r\n url: PropTypes.string,\r\n theme: PropTypes.oneOf(Object.values(themes))\r\n};\r\n\r\nSimpleHeader.propTypesMeta = 'exclude';\r\n\r\nSimpleHeader.themes = themes;\r\n\r\nexport default SimpleHeader;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components-old/button';\r\nimport Link from 'components-old/link';\r\n\r\nconst TabMenu = ({ mainContentLink, openMenu, openMenuLabel }) => (\r\n \r\n);\r\n\r\nTabMenu.propTypes = {\r\n mainContentLink: PropTypes.exact(Link.propTypes),\r\n openMenu: PropTypes.func,\r\n openMenuLabel: PropTypes.string\r\n};\r\n\r\nexport default TabMenu;\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Button from 'components-old/button';\r\nimport ContentContainer from 'components-old/content-container';\r\nimport GlobalSearch from './global-search';\r\nimport Link from 'components-old/link';\r\nimport Menu from 'components-old/menu';\r\nimport SimpleHeader from './simple-header';\r\nimport TabMenu from 'components-old/tab-menu';\r\nimport useOutsideClick from 'js/hooks/use-outside-click';\r\n\r\nconst Header = ({\r\n globalSearch,\r\n linkToHome,\r\n linkList,\r\n logo,\r\n menu,\r\n menuText,\r\n satellite,\r\n tabMenu,\r\n priorityLink\r\n}) => {\r\n const [globalSearchIsOpen, setGlobalSearchIsOpen] = useState();\r\n const [isMounted, setIsMounted] = useState();\r\n const [menuIsOpen, setMenuIsOpen] = useState();\r\n\r\n const containerRef = useRef();\r\n\r\n const openGlobalSearch = e => {\r\n e.preventDefault();\r\n setGlobalSearchIsOpen(true);\r\n setMenuIsOpen(false);\r\n };\r\n\r\n const closeGlobalSearch = () => {\r\n setGlobalSearchIsOpen(false);\r\n };\r\n\r\n const openMenu = () => {\r\n document.body.style.position = 'fixed';\r\n setMenuIsOpen(true);\r\n setGlobalSearchIsOpen(false);\r\n };\r\n\r\n const closeMenu = () => {\r\n document.body.style.position = '';\r\n setMenuIsOpen(false);\r\n };\r\n\r\n useOutsideClick(containerRef, closeGlobalSearch);\r\n\r\n useEffect(() => setIsMounted(true));\r\n\r\n const menuId = 'main-menu';\r\n const menuLinkList = priorityLink ? [priorityLink, ...linkList] : linkList;\r\n return (\r\n \r\n {hasTitle &&
\r\n );\r\n};\r\n\r\nImageBlock.propTypes = {\r\n image: PropTypes.exact(Image.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n title: PropTypes.string\r\n};\r\n\r\nImageBlock.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default ImageBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport FluidImage from 'components-old/fluid-image';\r\nimport Heading from 'components-old/heading';\r\n\r\nconst ImageWithLink = ({\r\n image,\r\n onPageEditing,\r\n text,\r\n url,\r\n shareImageHeight\r\n}) => (\r\n \r\n {title}
}\r\n\r\n \r\n
\r\n \r\n \r\n \r\n {text && {text} }\r\n
\r\n \r\n);\r\n\r\nImageWithLink.propTypes = {\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n text: PropTypes.string,\r\n url: PropTypes.string\r\n }),\r\n text: PropTypes.string,\r\n url: PropTypes.string,\r\n shareImageHeight: PropTypes.bool\r\n};\r\n\r\nImageWithLink.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default ImageWithLink;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Button from 'components-old/button';\r\nimport Image from 'components-old/image';\r\nimport Link from 'components-old/link';\r\nimport LinkList from 'components-old/link-list';\r\nimport RichText from 'components-old/rich-text';\r\n\r\nimport propTypeTheme from 'js/utils/prop-type-theme';\r\nimport Heading from 'components-old/heading';\r\nimport Hyphenate from 'components-old/hyphenate/hyphenate';\r\n\r\nconst themes = {\r\n blue: '-theme-blue',\r\n darkBlue: '-theme-dark-blue',\r\n orange: '-theme-orange'\r\n};\r\n\r\nconst InfoBlock = ({\r\n cta,\r\n editorTheme,\r\n icon,\r\n linkList,\r\n onPageEditing,\r\n title,\r\n text,\r\n theme,\r\n url\r\n}) => {\r\n const titleElement = url ? (\r\n \r\n {icon && (\r\n {titleElement} \r\n )}\r\n {!url && }\r\n {text &&
\r\n );\r\n};\r\n\r\nInfoBlock.propTypes = {\r\n cta: PropTypes.exact(Link.propTypes),\r\n editorTheme: PropTypes.oneOf(Object.values(themes)),\r\n icon: PropTypes.exact(Image.propTypes),\r\n linkList: PropTypes.exact(LinkList.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n title: PropTypes.string,\r\n text: PropTypes.exact(RichText.propTypes),\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n url: PropTypes.string\r\n};\r\n\r\nInfoBlock.propTypesMeta = 'exclude';\r\n\r\nInfoBlock.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nInfoBlock.themes = themes;\r\n\r\nexport default InfoBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport TextInput from 'components-old/form-elements/text-input';\r\n\r\nconst InputEmail = ({\r\n name,\r\n label,\r\n value,\r\n validationError,\r\n isValid,\r\n setIsValid\r\n}) => {\r\n const onChange = e => {\r\n const input = e.target.value;\r\n const isValidEmail = /\\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}\\b/i.test(\r\n input\r\n );\r\n setIsValid(isValidEmail);\r\n };\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nInputEmail.propTypes = {\r\n name: PropTypes.string,\r\n label: PropTypes.string,\r\n validationError: PropTypes.string,\r\n isValid: PropTypes.bool,\r\n value: PropTypes.string,\r\n setIsValid: PropTypes.func\r\n};\r\n\r\nInputEmail.propTypesMeta = 'exclude';\r\n\r\nexport default InputEmail;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Link from 'components-old/link';\r\nimport Button from 'components-old/button';\r\n\r\nconst PageNavigation = ({ previous, next, isLargeArticle, isFirstPage }) => {\r\n const articleStyleLinkProps = isLargeArticle\r\n ? {\r\n previous: { theme: [Button.themes.outline], useButtonStyles: true },\r\n next: { theme: [Button.themes.fill], useButtonStyles: true }\r\n }\r\n : {};\r\n\r\n return (\r\n {validationError}
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n )\r\n );\r\n};\r\n\r\nNestedMenu.propTypes = {\r\n accordion: PropTypes.exact(Accordion.propTypes),\r\n title: PropTypes.string,\r\n linkList: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n link: PropTypes.exact(Link.propTypes),\r\n isCurrent: PropTypes.bool\r\n })\r\n ),\r\n linkLists: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n accordion: PropTypes.exact(Accordion.propTypes),\r\n isCurrent: PropTypes.bool,\r\n linkList: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n link: PropTypes.exact(Link.propTypes),\r\n isCurrent: PropTypes.bool\r\n })\r\n ),\r\n section: PropTypes.exact({\r\n number: PropTypes.string,\r\n title: PropTypes.string\r\n })\r\n })\r\n ),\r\n mainPageLink: PropTypes.exact(Link.propTypes)\r\n};\r\n\r\nexport default NestedMenu;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\n\r\nconst MetadataList = ({ title, items }) => {\r\n return (\r\n \r\n {!isDesktop && (\r\n \r\n )}\r\n {React.createElement(\r\n isDesktop ? 'div' : Collapse,\r\n {},\r\n
\r\n \r\n {isDesktop && title && (\r\n \r\n
\r\n )}\r\n {!isDesktop && mainPageLink && (\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n {!isDesktop && mainPageLink && (\r\n - \r\n {linkList.map(({ link, isCurrent }) => (\r\n
- \r\n {linkList.map(({ link = {}, isCurrent }) => (\r\n
\r\n
\r\n );\r\n}\r\n\r\nMetadataList.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n label: PropTypes.string.isRequired,\r\n text: PropTypes.arrayOf(PropTypes.string.isRequired)\r\n }).isRequired\r\n )\r\n};\r\n\r\nexport default MetadataList","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport ArticleHeader from 'components-old/article-header';\r\nimport ContentWithSidebar from 'components-old/content-with-sidebar';\r\nimport PageNavigation from 'components-old/page-navigation';\r\nimport NestedMenu from 'components-old/nested-menu';\r\nimport RichText from 'components-old/rich-text';\r\nimport FluidImage from 'components-old/fluid-image';\r\nimport MetadataList from 'components-old/metadata-list';\r\n\r\nconst LargeArticlePage = ({\r\n title,\r\n image,\r\n content,\r\n header,\r\n pageNavigation,\r\n nestedMenu,\r\n metadata,\r\n isFrontPage\r\n}) => {\r\n return (\r\n <>\r\n {image && (\r\n {title}
\r\n- \r\n {items.map(metadata => (\r\n <>\r\n
- {metadata.label}: \r\n {metadata.text.map(paragraph => (\r\n
- {paragraph} \r\n ))}\r\n \r\n ))}\r\n
\r\n
\r\n )}\r\n {title}
}\r\n\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n\r\n - \r\n {linkOrLinkList.map(({ link, linkOrLinkList }, index) => {\r\n if (link) {\r\n return (\r\n
- \r\n
\r\n \r\n );\r\n }\r\n\r\n if (linkOrLinkList) {\r\n return (\r\n
\r\n
\r\n );\r\n }}\r\n \r\n \r\n \r\n
\r\n \r\n {title &&
\r\n {title}
}\r\n \r\n- \r\n {items.map(({ link, linkOrLinkList }, index) => {\r\n if (link) {\r\n return (\r\n
{title}
}\r\n\r\n
\r\n {ingress}
\r\n\r\n
\r\n \r\n {title && {title} }\r\n
\r\n);\r\n\r\nLinkListBlock.propTypes = {\r\n className: PropTypes.string,\r\n htmlId: PropTypes.string,\r\n links: PropTypes.exact(LinkList.propTypes),\r\n title: PropTypes.string\r\n};\r\n\r\nLinkListBlock.propTypesMeta = 'exclude';\r\n\r\nexport default LinkListBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Link from 'components-old/link';\r\nimport LinkList from 'components-old/link-list';\r\nimport NestedLink from 'components-old/nested-link';\r\n\r\nconst split = links => {\r\n const half =\r\n links.reduce((acc, item) => {\r\n if (!item.items) return acc + 1;\r\n return acc + item.items.length;\r\n }, 0) / 2;\r\n\r\n const columns = links.reduce(\r\n (acc, item, i) => {\r\n if (i === 0) acc.count = 0;\r\n const savedCount = acc.count;\r\n\r\n if (!item.items) acc.count += 1;\r\n else acc.count += item.items.length;\r\n\r\n const previousCountIsCloser =\r\n Math.abs(half - savedCount) < Math.abs(half - acc.count);\r\n if (previousCountIsCloser) acc[1].push(item);\r\n else acc[0].push(item);\r\n return acc;\r\n },\r\n [[], []]\r\n );\r\n\r\n const onlyFilledColumns = columns.filter(column => column.length);\r\n\r\n return onlyFilledColumns;\r\n};\r\n\r\nconst LinkLists = ({ nestedLinks = [], singleColumn }) => {\r\n const columns = split(nestedLinks);\r\n\r\n return (\r\n \r\n {columns.map((column, i) => (\r\n
\r\n );\r\n};\r\n\r\nLinkLists.propTypes = {\r\n nestedLinks: PropTypes.arrayOf(NestedLink.propTypes.item),\r\n singleColumn: PropTypes.bool\r\n};\r\n\r\nLinkLists.propTypesMeta = 'exclude';\r\n\r\nexport default LinkLists;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport Link from 'components-old/link';\r\n\r\nconst themes = {\r\n big: '-theme-big',\r\n portfolio: '-theme-portfolio'\r\n};\r\n\r\nconst linkThemes = {\r\n black: '-theme-black',\r\n bold: '-theme-bold',\r\n fullWidth: '-theme-full-width',\r\n inlineIcon: '-theme-inline-icon',\r\n orangeIcon: '-theme-orange-icon',\r\n small: '-theme-small',\r\n tag: '-theme-tag',\r\n orangeTag: '-theme-orange-tag',\r\n underline: '-theme-underline',\r\n white: '-theme-white',\r\n portfolio: '-theme-portfolio'\r\n};\r\n\r\nconst LinkWithText = ({ link, linkTheme, onPageEditing, text, theme }) => (\r\n \r\n \r\n
\r\n
\r\n);\r\n\r\nLinkWithText.propTypes = {\r\n link: PropTypes.exact(Link.propTypes),\r\n linkTheme: PropTypes.oneOf(Object.values(linkThemes)),\r\n onPageEditing: PropTypes.exact({\r\n link: PropTypes.string,\r\n text: PropTypes.string\r\n }),\r\n text: PropTypes.string,\r\n theme: PropTypes.oneOf(Object.values(themes))\r\n};\r\n\r\nLinkWithText.propTypesMeta = 'exclude';\r\n\r\nLinkWithText.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nLinkWithText.themes = themes;\r\n\r\nexport default LinkWithText;\r\n","import React, { useRef, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport getVideoId from 'get-video-id';\r\nimport YouTube from 'react-youtube';\r\n\r\nconst YoutubeVideo = ({ onPageEditing, urlOrEmbed, play }) => {\r\n const playerRef = useRef();\r\n const { id, service } = getVideoId(urlOrEmbed);\r\n\r\n useEffect(() => {\r\n const player = playerRef.current;\r\n if (player && play) {\r\n player.playVideo();\r\n const iframe = player.f;\r\n const requestFullScreen =\r\n iframe.requestFullScreen ||\r\n iframe.webkitRequestFullScreen ||\r\n iframe.mozRequestFullScreen ||\r\n iframe.msRequestFullscreen;\r\n if (requestFullScreen) {\r\n requestFullScreen.bind(iframe)();\r\n }\r\n }\r\n }, [play]);\r\n\r\n // According to the spec, only youtube should be supported:\r\n // https://confluence.ad.forskningsradet.no/display/NYWEB/Embed-blokker\r\n if (service !== 'youtube' || !id) {\r\n return ;\r\n }\r\n\r\n const opts = {\r\n width: '100%',\r\n playerVars: {\r\n autoplay: 0,\r\n modestbranding: 1,\r\n rel: 0\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n {text}\r\n
\r\n\r\n (playerRef.current = e.target)}\r\n title=\"Youtube video\"\r\n />\r\n
\r\n );\r\n};\r\n\r\nYoutubeVideo.propTypes = {\r\n onPageEditing: PropTypes.string,\r\n urlOrEmbed: PropTypes.string,\r\n play: PropTypes.bool\r\n};\r\n\r\nYoutubeVideo.defaultProps = {\r\n urlOrEmbed: '' // get-video-id crashes when argument is undefined\r\n};\r\n\r\nYoutubeVideo.propTypesMeta = 'exclude';\r\n\r\nexport default YoutubeVideo;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport OPE from 'js/on-page-editing';\r\nimport YoutubeVideo from 'components-old/youtube-video';\r\nimport EmbedBlock from 'components-old/embed-block';\r\nimport FluidImage from 'components-old/fluid-image';\r\nimport Link from 'components-old/link';\r\n\r\nimport cn from 'classnames';\r\n\r\nconst MediaBlock = ({\r\n title,\r\n onPageEditing,\r\n youTubeVideo,\r\n embed,\r\n image,\r\n url\r\n}) => {\r\n const LinkWrapper = ({ condition, wrapper, children }) =>\r\n condition ? wrapper(children) : children;\r\n const hasTitle = Boolean(title || onPageEditing.title);\r\n const titleElement = url ? (\r\n \r\n {children}}\r\n >\r\n {title && (\r\n \r\n {titleElement}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nMediaBlock.propTypes = {\r\n title: PropTypes.string,\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n youTubeVideo: PropTypes.exact(YoutubeVideo.propTypes),\r\n embed: PropTypes.exact(EmbedBlock.propTypes),\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n url: PropTypes.string\r\n};\r\n\r\nMediaBlock.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default MediaBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport YoutubeVideo from 'components-old/youtube-video';\r\nimport EmbedBlock from 'components-old/embed-block';\r\nimport Image from 'components-old/image';\r\nimport Link from 'components-old/link';\r\n\r\nconst MediaWithCaption = ({\r\n caption,\r\n onPageEditing,\r\n title,\r\n youTubeVideo,\r\n embed,\r\n image,\r\n url\r\n}) => {\r\n const titleElement = url ? (\r\n \r\n {youTubeVideo &&
\r\n \r\n \r\n
\r\n )}\r\n {image && (\r\n \r\n
\r\n )}\r\n \r\n {title && (\r\n \r\n {caption}\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nMediaWithCaption.propTypes = {\r\n caption: PropTypes.string,\r\n onPageEditing: PropTypes.exact({\r\n caption: PropTypes.string,\r\n title: PropTypes.string\r\n }),\r\n title: PropTypes.string,\r\n youTubeVideo: PropTypes.exact(YoutubeVideo.propTypes),\r\n embed: PropTypes.exact(EmbedBlock.propTypes),\r\n image: PropTypes.exact(Image.propTypes),\r\n url: PropTypes.string\r\n};\r\n\r\nMediaWithCaption.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default MediaWithCaption;\r\n","import React, { useRef } from 'react';\r\nimport cn from 'classnames';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Message from 'components-old/message';\r\nimport Button from 'components-old/button/button';\r\n\r\nimport useOutsideClick from 'js/hooks/use-outside-click';\r\n\r\nconst MessageGlobalModal = ({ message = {}, hideModal }) => {\r\n const modalRef = useRef();\r\n\r\n useOutsideClick(modalRef, hideModal);\r\n return (\r\n \r\n {titleElement}\r\n
\r\n )}\r\n\r\n {youTubeVideo &&
\r\n {caption && (\r\n \r\n
\r\n );\r\n};\r\n\r\nMessageGlobalModal.propTypes = {\r\n message: PropTypes.exact(Message.propTypes),\r\n hideModal: PropTypes.func\r\n};\r\n\r\nMessageGlobalModal.themes = Message.themes;\r\n\r\nMessageGlobalModal.propTypesMeta = 'exclude';\r\n\r\nexport default MessageGlobalModal;\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport cn from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport useLocalStorageState from 'js/hooks/use-local-storage-state';\r\nimport {\r\n serializeWithTimestamp,\r\n deserializeWithTimestamp\r\n} from 'js/utils/local-storage';\r\n\r\nimport Message from 'components-old/message';\r\nimport Button from 'components-old/button/button';\r\nimport MessageGlobalModal from 'components-old/message-global/message-global-modal';\r\n\r\nconst MessageGlobal = ({\r\n id,\r\n message = {},\r\n labels = {},\r\n initiallyOpen = true,\r\n zIndex = 20,\r\n style\r\n}) => {\r\n const [isMultiLined, setIsMultiLined] = useState(false);\r\n const [isMounted, setIsMounted] = useState(false); // This is to prevent \"jumping\" on page-load\r\n const [isMinimized, setIsMinimized] = useLocalStorageState(id, false, {\r\n serialize: serializeWithTimestamp,\r\n deserialize: deserializeWithTimestamp\r\n });\r\n const [isModalOpen, setIsModalOpen] = useState(initiallyOpen);\r\n const [disableAnimation, setDisableAnimation] = useState(true);\r\n const textRef = useRef();\r\n\r\n const toggle = () => {\r\n setIsMinimized(state => {\r\n setIsModalOpen(state);\r\n return !state;\r\n });\r\n };\r\n\r\n const openModal = () => {\r\n setIsModalOpen(true);\r\n };\r\n\r\n const hideModal = () => {\r\n setIsMinimized(true);\r\n setIsModalOpen(false);\r\n };\r\n\r\n useEffect(() => {\r\n const multiLined = textRef.current.offsetHeight > 30;\r\n setIsMultiLined(multiLined);\r\n setIsMounted(true);\r\n if (!multiLined && initiallyOpen) setIsModalOpen(false);\r\n\r\n const animationTimer = setTimeout(() => {\r\n setDisableAnimation(false);\r\n }, 500);\r\n\r\n return () => clearTimeout(animationTimer);\r\n }, []);\r\n\r\n const hideButtonProps = isMinimized\r\n ? { iconBeforeChildren: 'arrows-right', text: labels.show }\r\n : { icon: 'arrows-right', text: labels.hide };\r\n\r\n return (\r\n \r\n {globalMessageContainer &&\r\n createPortal(\r\n messageGlobals.map((messageGlobal, index) => (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nMessageGlobalList.propTypes = {\r\n messageGlobals: PropTypes.arrayOf(PropTypes.exact(MessageGlobal.propTypes)),\r\n prefix: PropTypes.string,\r\n printDescription: PropTypes.string,\r\n defaultPrintMessage: PropTypes.string\r\n};\r\n\r\nexport default MessageGlobalList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport ContentContainer from 'components-old/content-container';\r\nimport SimpleHeader from 'components-old/header/simple-header';\r\n\r\nconst NewsletterAdministrationLayout = ({ children, className, header }) => (\r\n \r\n \r\n \r\n {printDescription && (\r\n \r\n
\r\n ))\r\n ) : (\r\n \r\n {printDescription}\r\n
\r\n )}\r\n {messageGlobals.length ? (\r\n messageGlobals.map(({ message }) => (\r\n\r\n \r\n {children}\r\n \r\n
\r\n);\r\n\r\nNewsletterAdministrationLayout.propTypes = {\r\n children: PropTypes.node,\r\n className: PropTypes.string,\r\n header: PropTypes.exact(SimpleHeader.propTypes)\r\n};\r\n\r\nNewsletterAdministrationLayout.propTypesMeta = 'exclude';\r\n\r\nexport default NewsletterAdministrationLayout;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst Validation = ({ message, fields }) => (\r\n \r\n {message}\r\n
\r\n);\r\n\r\nValidation.propTypes = {\r\n message: PropTypes.string,\r\n fields: PropTypes.arrayOf(PropTypes.string)\r\n};\r\n\r\nValidation.defaultProps = {\r\n fields: []\r\n};\r\n\r\nexport default Validation;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components-old/button';\r\nimport CheckboxGroup from 'components-old/checkbox-group';\r\nimport Form from 'components-old/form';\r\nimport Link from 'components-old/link';\r\nimport NewsletterAdministrationLayout from 'components-old/newsletter-administration-layout';\r\nimport TextInput from 'components-old/form-elements/text-input';\r\nimport Validation from 'components-old/validation';\r\n\r\nconst NewsletterAdminPage = ({\r\n checkboxGroups,\r\n form,\r\n inputFieldsTitle,\r\n inputFieldsItems,\r\n layout,\r\n submitButton,\r\n title,\r\n unsubscribeLink,\r\n validation\r\n}) => (\r\n - \r\n {fields.map(field => (\r\n
- {field} \r\n ))}\r\n
\r\n {title &&
\r\n );\r\n};\r\n\r\nGenericTextInputGroup.propTypes = {\r\n title: PropTypes.string,\r\n options: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n name: PropTypes.string,\r\n label: PropTypes.string,\r\n value: PropTypes.string\r\n })\r\n )\r\n};\r\n\r\nexport default GenericTextInputGroup;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useState } from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport Button from 'components-old/button';\r\nimport CheckboxGroup from 'components-old/checkbox-group';\r\nimport ContentArea from 'components-old/content-area';\r\nimport Form from 'components-old/form';\r\nimport PageFooter from 'components-old/page-footer';\r\nimport RichText from 'components-old/rich-text';\r\nimport InputEmail from 'components-old/input-email';\r\nimport Message from 'components-old/message';\r\nimport ContentContainer from 'components-old/content-container';\r\nimport ContentWithSidebar from 'components-old/content-with-sidebar';\r\nimport GenericTextInputGroup from 'components-old/text-input-group/text-input-with-header';\r\n\r\nconst NewsletterRegistrationPage = React.forwardRef(\r\n (\r\n {\r\n checkboxGroups = [],\r\n genericTextInputGroup = {},\r\n footer,\r\n form,\r\n inputFields,\r\n inputTitle,\r\n richText,\r\n submitButton,\r\n htmlString,\r\n title,\r\n sidebar,\r\n onSubmit,\r\n showFormError = true,\r\n setIsChecked,\r\n showEmailError,\r\n setIsValidEmail\r\n },\r\n ref\r\n ) => {\r\n const [message, setMessage] = useState({});\r\n\r\n return (\r\n {title}
}\r\n {options.map((textInput, i) => (\r\n{title}
}\r\n {showFormError && message &&
\r\n {checkboxGroups.map(checkboxGroup => (\r\n \r\n {inputTitle}\r\n
\r\n )}\r\n {inputFields &&\r\n inputFields.map(inputField => (\r\n\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nNewsletterCrmRegistrationPage.propTypes = {\r\n registrationPage: PropTypes.exact(NewsletterRegistrationPage.propTypes)\r\n};\r\n\r\nexport default NewsletterCrmRegistrationPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport NewsletterAdministrationLayout from 'components-old/newsletter-administration-layout';\r\n\r\nconst NewsletterUnsubscribeConfirmationPage = ({ layout, title, text }) => (\r\n {title}
}\r\n{text}
\r\n \r\n);\r\n\r\nNewsletterUnsubscribeConfirmationPage.propTypes = {\r\n layout: PropTypes.exact(NewsletterAdministrationLayout.propTypes),\r\n title: PropTypes.string,\r\n text: PropTypes.string\r\n};\r\n\r\nexport default NewsletterUnsubscribeConfirmationPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components-old/button';\r\nimport Form from 'components-old/form';\r\nimport NewsletterAdministrationLayout from 'components-old/newsletter-administration-layout';\r\nimport TextInput from 'components-old/form-elements/text-input';\r\n\r\nconst NewsletterUnsubscribePage = ({\r\n form,\r\n input,\r\n layout,\r\n submitButton,\r\n title\r\n}) => (\r\n{title}
}\r\n\r\n {emailTitle &&
\r\n {emailTitle}
}\r\n{emailText}
\r\n\r\n {categoriesTitle &&
\r\n \r\n);\r\n\r\nNewsletterUpdatedPage.propTypes = {\r\n categoriesTitle: PropTypes.string,\r\n categoriesList: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n name: PropTypes.string,\r\n description: PropTypes.string\r\n })\r\n ),\r\n emailTitle: PropTypes.string,\r\n emailText: PropTypes.string,\r\n layout: PropTypes.exact(NewsletterAdministrationLayout.propTypes),\r\n title: PropTypes.string\r\n};\r\n\r\nNewsletterUpdatedPage.defaultProps = {\r\n categoriesList: []\r\n};\r\n\r\nexport default NewsletterUpdatedPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport Link from 'components-old/link';\r\n\r\nconst NumberBlock = ({ description, number, onPageEditing, text, url }) => (\r\n {categoriesTitle}
}\r\n- \r\n {categoriesList.map(category => (\r\n
- \r\n {category.name}\r\n {category.description && {category.description}}\r\n \r\n
\r\n \r\n \r\n {text &&
\r\n);\r\n\r\nNumberBlock.propTypes = {\r\n description: PropTypes.string,\r\n number: PropTypes.string,\r\n onPageEditing: PropTypes.exact({\r\n description: PropTypes.string,\r\n number: PropTypes.string,\r\n text: PropTypes.string,\r\n url: PropTypes.string\r\n }),\r\n // The 'text' and 'url' props are separated here (instead of combined in a 'link' object) because the 'url' property is a property of the entire block, not just the 'text' property\r\n text: PropTypes.string,\r\n url: PropTypes.string\r\n};\r\n\r\nNumberBlock.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default NumberBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Icon from 'components-old/icon/icon';\r\n\r\nconst colors = {\r\n orange: '#ffb74c',\r\n red: '#ff6d55',\r\n teal: '#6ed5e4',\r\n purple: '#26266d',\r\n green: '#00b982',\r\n pink: '#b35da9'\r\n};\r\n\r\nconst types = {\r\n rectangle: 'rectangle',\r\n circle: 'circle',\r\n snakeH: 'snake-horizontal',\r\n snakeV: 'snake-vertical',\r\n longH: 'long-horizontal',\r\n longV: 'long-vertical'\r\n};\r\n\r\nconst Shape = ({ type, color, className }) => {\r\n return (\r\n {text}
}\r\n \r\n\r\n \r\n {number}\r\n \r\n \r\n {description}\r\n \r\n
\r\n \r\n {isMounted &&\r\n menu.map((step, i) => (\r\n \r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nStepsMenu.propTypes = {\r\n menu: PropTypes.arrayOf(PropTypes.exact(Step.propTypes)),\r\n activateStep: PropTypes.func,\r\n menuAnimationTrigger: PropTypes.bool\r\n};\r\n\r\nStepsMenu.propTypesMeta = 'exclude';\r\n\r\nexport default StepsMenu;\r\n","import React /*, { useState } */ from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport YoutubeVideo from 'components-old/youtube-video/youtube-video';\r\n//import Button from 'components-old/button/button';\r\n\r\nconst VideoBlock = ({ children, video, step, title, text /*, playText*/ }) => {\r\n //const [play, setPlay] = useState();\r\n\r\n return (\r\n \r\n {children}\r\n
\r\n );\r\n};\r\n\r\nVideoBlock.propTypes = {\r\n children: PropTypes.node,\r\n video: PropTypes.exact(YoutubeVideo.propTypes),\r\n step: PropTypes.string,\r\n title: PropTypes.string,\r\n text: PropTypes.string,\r\n playText: PropTypes.string\r\n};\r\n\r\nVideoBlock.propTypesMeta = 'exclude';\r\n\r\nexport default VideoBlock;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Button from 'components-old/button';\r\nimport Image from 'components-old/image';\r\nimport Shape from 'components-old/nysgjerrigper/shape/shape';\r\nimport { getColor } from 'js/utils/np-colors';\r\nimport doAndWait from 'js/utils/do-and-wait';\r\n\r\nconst StepsBlock = ({ pages, stepIndex }) => {\r\n const [currentIndex, setCurrentIndex] = useState(0);\r\n const [animateLeft, setAnimateLeft] = useState(false);\r\n const [removeTransition, setRemoveTransition] = useState(false);\r\n\r\n const nextPage = async () => {\r\n if (animateLeft || removeTransition) return;\r\n await doAndWait(() => setAnimateLeft(true), 500);\r\n\r\n // These setState calls don't get batched ; they rerender after each call because nextPage is async.\r\n // https://stackoverflow.com/questions/53048495/does-react-batch-state-update-functions-when-using-hooks\r\n requestAnimationFrame(() => {\r\n // Jump to the right\r\n setCurrentIndex(i => (i + 1) % pages.length);\r\n setRemoveTransition(true);\r\n setAnimateLeft(false);\r\n // Add transition after the jump is completed\r\n requestAnimationFrame(() => setRemoveTransition(false));\r\n });\r\n };\r\n\r\n const currentAndNextPage = [\r\n pages[currentIndex],\r\n pages[(currentIndex + 1) % pages.length]\r\n ].filter(page => !!page);\r\n return (\r\n <>\r\n \r\n
\r\n \r\n setPlay(true)}\r\n /> */}\r\n
\r\n \r\n {step}\r\n {title}\r\n
\r\n{text}
\r\n {/*\r\n {currentAndNextPage.map(({ title, text, buttonText, image }, index) => {\r\n const stepIndex = ((index + currentIndex) % pages.length) + 1;\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n );\r\n};\r\n\r\nStepsBlock.propTypes = {\r\n pages: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n title: PropTypes.string,\r\n text: PropTypes.string,\r\n buttonText: PropTypes.string,\r\n image: PropTypes.exact(Image.propTypes)\r\n })\r\n ),\r\n stepIndex: PropTypes.number\r\n};\r\nStepsBlock.propTypesMeta = 'exclude';\r\nexport default StepsBlock;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Shape from 'components-old/nysgjerrigper/shape/shape';\r\n\r\nimport { getColor } from 'js/utils/np-colors';\r\n\r\nconst types = ['longH', 'snakeV', 'longV'];\r\n\r\n// This is a function to prevent all RandomShapes component from sharing the same type\r\nconst pickType = () => types[Math.floor(Math.random() * 10000) % types.length];\r\n\r\nconst RandomShapes = React.forwardRef(\r\n ({ index, blockIndex, stepIndex, style }, ref) => {\r\n const randomType = useState(pickType)[0]; // This becomes the return of pickType() and not the function pickType\r\n const coinFlip = useState(Math.random() > 0.5)[0];\r\n\r\n const colorIndex =\r\n index >= blockIndex ? stepIndex + index + 1 : stepIndex + index;\r\n\r\n const classes = () => {\r\n const isRight = index % 2 === 1;\r\n const isColumn = randomType === 'snakeV' || randomType === 'longV';\r\n return {\r\n '-right': isRight,\r\n '-right-horizontal': isRight && !isColumn,\r\n '-column': isColumn,\r\n '-reverse': coinFlip\r\n };\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n {`${stepIndex}/${pages.length}`}\r\n {title}\r\n
\r\n{text}
\r\n\r\n \r\n {buttonText}\r\n \r\n
\r\n \r\n {/* \"Responsive\" adds image size queries which prevents GIFs from animating */}\r\n
\r\n \r\n
\r\n );\r\n }\r\n);\r\n\r\nRandomShapes.propTypes = {\r\n index: PropTypes.number,\r\n blockIndex: PropTypes.number,\r\n stepIndex: PropTypes.number,\r\n style: PropTypes.shape(typeof Object)\r\n};\r\n\r\nRandomShapes.propTypesMeta = 'exclude';\r\n\r\nexport default RandomShapes;\r\n","import React, { useState, useLayoutEffect, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Image from 'components-old/image';\r\nimport RandomShapes from 'components-old/nysgjerrigper/quotes-block/random-shapes';\r\n\r\nconst QuotesBlock = ({\r\n title,\r\n quotes,\r\n blockIndex,\r\n stepIndex,\r\n stepsContentNode\r\n}) => {\r\n if (!quotes || !quotes.length) return null;\r\n\r\n const [shouldAnimateIn, setShouldAnimateIn] = useState(\r\n quotes.map(() => false)\r\n );\r\n const [parallaxScroll, setParallaxScroll] = useState(\r\n [...Array(quotes.length - 1)].map(() => 0)\r\n );\r\n\r\n const quoteRefs = quotes.map(() => useRef());\r\n const randomShapesRefs = [...Array(quotes.length - 1)].map(() => useRef());\r\n\r\n useLayoutEffect(() => {\r\n if (!stepsContentNode) return;\r\n\r\n const topPosition = ref =>\r\n ref.current.getBoundingClientRect().top - window.innerHeight;\r\n\r\n const onScroll = () => {\r\n const quotePositions = quoteRefs.map(ref => topPosition(ref));\r\n setShouldAnimateIn(state => {\r\n const nextState = quotePositions.map(nodePos => nodePos < 0);\r\n\r\n const needsToUpdate = nextState.some(\r\n (shouldAnimateIn, i) => shouldAnimateIn !== state[i]\r\n );\r\n\r\n if (needsToUpdate) return nextState;\r\n return state;\r\n });\r\n\r\n const randomShapePositions = randomShapesRefs.map(ref =>\r\n topPosition(ref)\r\n );\r\n setParallaxScroll(state => {\r\n const nextState = randomShapePositions.map((nodePos, i) => {\r\n if (nodePos >= 0) return state[i];\r\n const scrollAmountWhileInView = -nodePos;\r\n const speed = 0.5;\r\n\r\n return -(scrollAmountWhileInView * speed);\r\n });\r\n\r\n const needsToUpdate = nextState.some(\r\n (parallaxScroll, i) => parallaxScroll !== state[i]\r\n );\r\n\r\n if (needsToUpdate) return nextState;\r\n\r\n return state;\r\n });\r\n };\r\n\r\n stepsContentNode.addEventListener('scroll', onScroll);\r\n return () => stepsContentNode.removeEventListener('scroll', onScroll);\r\n }, [stepsContentNode]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {title &&
\r\n ))}\r\n \r\n );\r\n};\r\n\r\nQuotesBlock.propTypes = {\r\n title: PropTypes.string,\r\n quotes: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n image: PropTypes.exact(Image.propTypes),\r\n quotee: PropTypes.string,\r\n text: PropTypes.string,\r\n addQuoteDash: PropTypes.bool\r\n })\r\n ),\r\n blockIndex: PropTypes.number,\r\n stepIndex: PropTypes.number,\r\n stepsContentNode: PropTypes.node\r\n};\r\n\r\nQuotesBlock.propTypesMeta = 'exclude';\r\n\r\nexport default QuotesBlock;\r\n","/* eslint-disable react/no-multi-comp */\r\nimport React, { useRef, useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Icon from 'components-old/icon';\r\nimport Button from 'components-old/button';\r\nimport VideoBlock from 'components-old/nysgjerrigper/video-block';\r\n\r\nimport useIsScreenSize from 'js/hooks/use-is-screen-size';\r\nimport StepsBlock from 'components-old/nysgjerrigper/steps-block';\r\nimport QuotesBlock from 'components-old/nysgjerrigper/quotes-block';\r\n\r\nimport { backgrounds } from 'js/utils/np-colors';\r\nimport doAndWait from 'js/utils/do-and-wait';\r\n\r\nconst components = {\r\n videoBlock: VideoBlock,\r\n stepsBlock: StepsBlock,\r\n quotesBlock: QuotesBlock\r\n};\r\n\r\nconst StepsContent = ({ close, onClose, activeStepIndex, steps = [] }) => {\r\n const [isActive, setIsActive] = useState(activeStepIndex > -1);\r\n const [scrollPos, setScrollPos] = useState([0, 0, 0, 0, 0, 0]);\r\n const [activeStepIndexState, setActiveStepIndexState] = useState(\r\n activeStepIndex > -1 ? activeStepIndex : 0\r\n );\r\n const [isMounted, setIsMounted] = useState();\r\n const stepsContentRef = useRef();\r\n const isDesktop = useIsScreenSize('md');\r\n\r\n useEffect(() => {\r\n setIsMounted(true);\r\n const unselected = activeStepIndex === -1;\r\n const previousUnselected = !isActive;\r\n if (unselected) {\r\n setIsActive(false);\r\n } else if (previousUnselected) {\r\n setActiveStepIndexState(activeStepIndex);\r\n setIsActive(true);\r\n } else {\r\n const switchOverlay = async () => {\r\n await doAndWait(() => {\r\n setIsActive(false);\r\n }, 500);\r\n setActiveStepIndexState(activeStepIndex);\r\n setIsActive(true);\r\n };\r\n switchOverlay();\r\n }\r\n }, [activeStepIndex]);\r\n\r\n useEffect(() => {\r\n isActive\r\n ? stepsContentRef.current.scrollTo(0, scrollPos[activeStepIndex])\r\n : setScrollPos(state => [\r\n ...state.slice(0, activeStepIndexState),\r\n stepsContentRef.current.scrollTop,\r\n ...state.slice(activeStepIndexState + 1)\r\n ]);\r\n }, [isActive]);\r\n\r\n const getAdditionalProps = (name, blockIndex) => {\r\n switch (name) {\r\n case 'quotesBlock':\r\n return {\r\n blockIndex,\r\n stepIndex: activeStepIndexState,\r\n stepsContentNode: stepsContentRef.current\r\n };\r\n case 'stepsBlock':\r\n return {\r\n stepIndex: activeStepIndexState\r\n };\r\n }\r\n };\r\n\r\n const getBackgroundColor = (index, blockName) => {\r\n switch (blockName) {\r\n case 'stepsBlock':\r\n return { background: 'white' };\r\n case 'quotesBlock':\r\n return { background: 'white' };\r\n default:\r\n return backgrounds(index);\r\n }\r\n };\r\n\r\n const activeStepBlocks = isActive && steps[activeStepIndexState];\r\n\r\n return (\r\n {title}
}\r\n {quotes &&\r\n quotes.map(({ image, text, quotee, addQuoteDash }, index) => (\r\n\r\n \r\n {image &&
\r\n {index < quotes.length - 1 && (\r\n \r\n
\r\n {text}
\r\n {quotee && (\r\n{addQuoteDash ? '–' + quotee : '' + quotee}
\r\n )}\r\n \r\n {isOverviewPage && (\r\n <>\r\n !!step.isActive)}\r\n isActive={!isOverviewPage}\r\n />\r\n
\r\n \r\n );\r\n};\r\n\r\nNpMethod.propTypes = {\r\n title: PropTypes.string,\r\n ingress: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes),\r\n menu: PropTypes.arrayOf(PropTypes.exact(Step.propTypes)),\r\n stepsContent: PropTypes.exact(StepsContent.propTypes)\r\n};\r\n\r\nexport default NpMethod;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components-old/link';\r\n\r\nconst OfficeBlockInfo = ({ link, moreText, text, title }) => (\r\n \r\n
\r\n \r\n {isOverviewPage && (\r\n <>\r\n
\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n
\r\n {ingress}
\r\n\r\n {title &&
\r\n);\r\n\r\nOfficeBlockInfo.propTypes = {\r\n link: PropTypes.exact(Link.propTypes),\r\n moreText: PropTypes.string,\r\n text: PropTypes.string,\r\n title: PropTypes.string.isRequired\r\n};\r\n\r\nexport default OfficeBlockInfo;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport OfficeBlockInfo from './office-block-info';\r\n\r\nconst OfficeBlock = ({ info, title }) => (\r\n {title}
}\r\n {text &&{text}
}\r\n {moreText &&{moreText}
}\r\n {link && (\r\n \r\n )}\r\n\r\n {title &&
\r\n);\r\n\r\nOfficeBlock.propTypes = {\r\n info: PropTypes.arrayOf(PropTypes.exact(OfficeBlockInfo.propTypes)),\r\n title: PropTypes.string\r\n};\r\n\r\nOfficeBlock.defaultProps = {\r\n info: []\r\n};\r\n\r\nexport default OfficeBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport ContentArea from 'components-old/content-area';\r\nimport ContentAreaItem from 'components-old/content-area-item';\r\nimport Link from 'components-old/link';\r\n\r\nconst OfficeListBlock = ({ links, offices }) => (\r\n {title}
}\r\n\r\n {info.map(infoItem => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n
\r\n);\r\n\r\nOfficeListBlock.propTypes = {\r\n links: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n id: PropTypes.string.isRequired,\r\n isActive: PropTypes.bool,\r\n link: PropTypes.exact(Link.propTypes).isRequired\r\n })\r\n ),\r\n offices: PropTypes.exact(ContentArea.propTypes)\r\n};\r\n\r\nOfficeListBlock.defaultProps = {\r\n links: []\r\n};\r\n\r\nexport default OfficeListBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport ContentArea from 'components-old/content-area';\r\nimport ContentContainer from 'components-old/content-container';\r\nimport Link from 'components-old/link';\r\nimport LinkWithText from 'components-old/link-with-text';\r\n\r\nconst PageLinksBlock = ({\r\n highlightedLinks,\r\n linkLists,\r\n onPageEditing,\r\n text,\r\n title\r\n}) => {\r\n const linkTheme = [Link.themes.orangeIcon, Link.themes.inlineIcon];\r\n\r\n return (\r\n - \r\n {links.map(link => (\r\n
- \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nPageLinksBlock.propTypes = {\r\n highlightedLinks: PropTypes.exact(ContentArea.propTypes),\r\n linkLists: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n id: PropTypes.string,\r\n links: PropTypes.exact(ContentArea.propTypes)\r\n })\r\n ),\r\n onPageEditing: PropTypes.exact({\r\n text: PropTypes.string,\r\n title: PropTypes.string\r\n }),\r\n text: PropTypes.string,\r\n title: PropTypes.string\r\n};\r\n\r\nPageLinksBlock.defaultProps = {\r\n linkLists: [],\r\n onPageEditing: {}\r\n};\r\n\r\nexport default PageLinksBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport Image from 'components-old/image';\r\n\r\nconst PersonBlock = ({\r\n company,\r\n image,\r\n jobTitle,\r\n name,\r\n onPageEditing,\r\n text\r\n}) => (\r\n \r\n {title &&
\r\n {title}
}\r\n{text}
\r\n\r\n {image && (\r\n
\r\n);\r\n\r\nPersonBlock.propTypes = {\r\n company: PropTypes.string,\r\n image: PropTypes.exact(Image.propTypes),\r\n jobTitle: PropTypes.string,\r\n name: PropTypes.string,\r\n onPageEditing: PropTypes.exact({\r\n company: PropTypes.string,\r\n jobTitle: PropTypes.string,\r\n name: PropTypes.string,\r\n text: PropTypes.string\r\n }),\r\n text: PropTypes.string\r\n};\r\n\r\nPersonBlock.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default PersonBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Heading from 'components-old/heading';\r\nimport ContentArea from 'components-old/content-area';\r\nimport Link from 'components-old/link';\r\nimport Icon from 'components-old/icon/icon';\r\n\r\nconst columns = (blocks, singleColumn) => {\r\n if (singleColumn) return ContentArea.themes.singleColumn;\r\n if (blocks.length >= 3) return ContentArea.themes.threeColumns;\r\n if (blocks.length === 2) return ContentArea.themes.twoColumns;\r\n};\r\n\r\nconst props = (blocks, singleColumn) => {\r\n switch (blocks[0].componentName) {\r\n case 'LinkLists':\r\n return [\r\n {\r\n additionalComponentProps: {\r\n LinkLists: {\r\n singleColumn\r\n }\r\n },\r\n decreaseTopMargin: true\r\n },\r\n { name: 'link' }\r\n ];\r\n case 'LinkWithText':\r\n return [\r\n {\r\n additionalComponentProps: {\r\n LinkWithText: {\r\n linkTheme: [\r\n Link.themes.orangeIcon,\r\n Link.themes.inlineIcon,\r\n Link.themes.portfolio\r\n ]\r\n }\r\n },\r\n theme: [columns(blocks, singleColumn), ContentArea.themes.portfolio],\r\n decreaseTopMargin: true\r\n },\r\n { name: 'book' }\r\n ];\r\n case 'ContactList':\r\n return [{}, { name: 'chat' }];\r\n default:\r\n return [{}, {}];\r\n }\r\n};\r\n\r\nconst PortfolioContent = ({\r\n isInsidePriorityBlock,\r\n title,\r\n text,\r\n content = {},\r\n singleColumn,\r\n children\r\n}) => {\r\n const [extraProps, icon] =\r\n content.blocks && content.blocks.length\r\n ? props(content.blocks, singleColumn)\r\n : [{}, {}];\r\n\r\n return (\r\n \r\n
\r\n )}\r\n\r\n {name && {name}
}\r\n\r\n {jobTitle}\r\n {company}\r\n
\r\n\r\n {text}\r\n
\r\n\r\n
\r\n \r\n );\r\n};\r\n\r\nPortfolioContent.propTypes = {\r\n children: PropTypes.node,\r\n title: PropTypes.string,\r\n text: PropTypes.string,\r\n content: PropTypes.exact(ContentArea.propTypes),\r\n isInsidePriorityBlock: PropTypes.bool,\r\n singleColumn: PropTypes.bool\r\n};\r\n\r\nPortfolioContent.propTypesMeta = 'exclude';\r\nexport default PortfolioContent;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Icon from 'components-old/icon';\r\nimport Heading from 'components-old/heading';\r\nimport AutoGrid from 'components-old/auto-grid';\r\nimport Link from 'components-old/link';\r\nimport LinkWrapper from 'components-old/link-wrapper/link-wrapper';\r\nimport useIsScreenSize from 'js/hooks/use-is-screen-size';\r\nimport PortfolioTile from './portfolio-tile';\r\n\r\nconst PortfolioTiles = ({ tiles }) => {\r\n const isTabletOrDesktop = useIsScreenSize('md');\r\n const minimumTileSize = isTabletOrDesktop ? 241 : 155;\r\n return (\r\n \r\n {title && (\r\n {title} \r\n )}\r\n {text &&
\r\n {content && content.blocks && (\r\n {text}
}\r\n\r\n \r\n {AutoGridItem =>\r\n tiles.map(({ theme, link }) => {\r\n const { OuterLink, InnerLink } = LinkWrapper(true, link.url);\r\n return (\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\nPortfolioTiles.propTypes = {\r\n tiles: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n link: PropTypes.exact(Link.propTypes),\r\n theme: PortfolioTile.propTypes.theme\r\n })\r\n )\r\n};\r\n\r\nexport default PortfolioTiles;\r\n","import React, { useState, useRef, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport Icon from 'components-old/icon';\r\nimport Image from 'components-old/image';\r\nimport Heading from 'components-old/heading';\r\nimport Button from 'components-old/button';\r\n\r\nimport LinkWrapper from 'components-old/link-wrapper';\r\n\r\nconst ProcessItem = ({ icon, text, index, url, title }) => {\r\n const { OuterLink } = LinkWrapper(!!url, url);\r\n const [hasOverflowingText, setHasOverflowingText] = useState(false);\r\n const [expand, setExpand] = useState(false);\r\n const [hover, setHover] = useState(false);\r\n let wrapperRef = useRef(null);\r\n\r\n useEffect(() => {\r\n setHasOverflowingText(\r\n wrapperRef.current.offsetHeight < wrapperRef.current.scrollHeight\r\n );\r\n }, [wrapperRef]);\r\n\r\n const expandText = e => {\r\n e.stopPropagation();\r\n setExpand(!expand);\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n {link.text} \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {icon ? (\r\n \r\n {index + 1}\r\n \r\n )}\r\n
\r\n\r\n {title && {title}
}\r\n {text &&{text}
}\r\n\r\n {title && {title} }\r\n {introText && \r\n {AutoGridItem =>\r\n items.map((item, index) => (\r\n \r\n \r\n ))\r\n }\r\n \r\n ))}\r\n
\r\n {items.length && (\r\n {introText}
}\r\n {items.length &&\r\n (isCarousel ? (\r\n\r\n {items.map(({ title, text, icon }, index) => (\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nProcess.defaultProps = {\r\n items: []\r\n};\r\n\r\nProcess.propTypes = {\r\n title: PropTypes.string,\r\n introText: PropTypes.string,\r\n isCarousel: PropTypes.bool,\r\n items: PropTypes.arrayOf(PropTypes.exact(ProcessItem.propTypes)),\r\n labels: ProcessCarousel.propTypes.labels\r\n};\r\n\r\nexport default Process;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Accordion from 'components-old/accordion';\r\nimport Button from 'components-old/button';\r\nimport DateCard from 'components-old/date-card';\r\nimport Metadata from 'components-old/metadata';\r\nimport RichText from 'components-old/rich-text';\r\nimport Icon from 'components-old/icon';\r\n\r\nimport cn from 'classnames';\r\n\r\nconst ProposalGroup = ({\r\n accordion,\r\n numberOfVisibleItems,\r\n proposals,\r\n subtitle,\r\n text,\r\n title,\r\n headerAccordion\r\n}) => {\r\n const visibleItems = proposals.slice(0, numberOfVisibleItems);\r\n const hiddenItems = proposals.slice(numberOfVisibleItems);\r\n\r\n return (\r\n \r\n {icon ? (\r\n \r\n {index + 1}\r\n \r\n )}\r\n {title} \r\n
\r\n ))}\r\n {text}
\r\n\r\n \r\n {({ Collapse, Button, isOpen, toggle }) => (\r\n \r\n\r\n {visibleItems.map(proposal => (\r\n \r\n {({ Button: AccordionButton, Collapse }) => (\r\n \r\n \r\n {hiddenItems.map(proposal => (\r\n \r\n\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nProposalGroup.propTypes = {\r\n accordion: PropTypes.exact(Accordion.propTypes),\r\n headerAccordion: PropTypes.exact(Accordion.propTypes),\r\n numberOfVisibleItems: PropTypes.number,\r\n proposals: PropTypes.arrayOf(PropTypes.exact(DateCard.propTypes)),\r\n subtitle: PropTypes.string,\r\n text: PropTypes.exact(RichText.propTypes),\r\n title: PropTypes.string\r\n};\r\n\r\nProposalGroup.defaultProps = {\r\n numberOfVisibleItems: 3,\r\n proposals: []\r\n};\r\n\r\nexport default ProposalGroup;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components-old/button';\r\nimport EmptyList from 'components-old/empty-list';\r\nimport Link from 'components-old/link';\r\nimport cn from 'classnames';\r\nimport Heading from 'components-old/heading';\r\nimport AutoGrid from 'components-old/auto-grid';\r\n\r\nconst borders = {\r\n top: '-border-top',\r\n bottom: '-border-bottom'\r\n};\r\n\r\nconst RelatedContent = ({\r\n children,\r\n emptyList,\r\n link,\r\n onPageEditing,\r\n title,\r\n border,\r\n isGrid,\r\n itemMinWidth\r\n}) => {\r\n const gridLinkThemes = [Button.themes.orangeOutline, Button.themes.big];\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n {subtitle}
\r\n\r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {React.Children.count(children) > 0 ? (\r\n \r\n {AutoGridItem =>\r\n React.Children.map(children, child => (\r\n \r\n {child}\r\n \r\n ))\r\n }\r\n \r\n ) : (\r\n
\r\n );\r\n};\r\n\r\nRelatedContent.propTypes = {\r\n children: PropTypes.node,\r\n emptyList: PropTypes.exact(EmptyList.propTypes),\r\n link: PropTypes.exact(Link.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string\r\n }),\r\n title: PropTypes.string,\r\n border: PropTypes.oneOf(Object.keys(borders)),\r\n isGrid: PropTypes.bool,\r\n itemMinWidth: PropTypes.number\r\n};\r\n\r\nRelatedContent.defaultProps = {\r\n border: 'bottom',\r\n onPageEditing: {}\r\n};\r\n\r\nRelatedContent.propTypesMeta = 'exclude';\r\n\r\nexport default RelatedContent;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport DateCard from 'components-old/date-card';\r\nimport RelatedContent from 'components-old/related-content';\r\nimport MetaData from 'components-old/metadata';\r\n\r\nconst RelatedDates = ({ dates, relatedContent, usedInSidebar, isGrid }) => {\r\n const theme = () => {\r\n const theme = [DateCard.themes.noPadding, DateCard.themes.noBorder];\r\n if (usedInSidebar) return theme.concat(DateCard.themes.sidebar);\r\n if (isGrid) return theme.concat(DateCard.themes.vertical);\r\n return theme;\r\n };\r\n const relatedContentProps = { ...relatedContent, isGrid };\r\n return (\r\n \r\n
\r\n )}\r\n \r\n \r\n {dates.map(date => (\r\n \r\n
\r\n );\r\n};\r\n\r\nRelatedDates.propTypes = {\r\n dates: PropTypes.arrayOf(PropTypes.exact(DateCard.propTypes)),\r\n relatedContent: PropTypes.exact(RelatedContent.propTypes),\r\n usedInSidebar: PropTypes.bool,\r\n isGrid: PropTypes.bool\r\n};\r\n\r\nRelatedDates.defaultProps = {\r\n dates: []\r\n};\r\n\r\nexport default RelatedDates;\r\n","/* eslint-disable react/no-multi-comp */\r\nimport React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport RelatedDates from 'components-old/related-dates';\r\nimport Accordion from 'components-old/accordion';\r\nimport Icon from 'components-old/icon';\r\nimport Heading from 'components-old/heading/heading';\r\n\r\nconst escapeSpecialChar = str => str.split('?').join('\\\\?');\r\n\r\nconst ProposalShortcuts = props => {\r\n const [openOnPageLoad, setOpenOnPageLoad] = useState();\r\n\r\n useEffect(() => {\r\n if (!props.initiallyOpenUrls) return;\r\n const isMatch = props.initiallyOpenUrls.some(url => {\r\n const regExp = new RegExp(`${escapeSpecialChar(url)}/?$`);\r\n return regExp.test(window.location.href);\r\n });\r\n setOpenOnPageLoad(isMatch);\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nProposalShortcuts.propTypes = {\r\n relatedDates: PropTypes.exact(RelatedDates.propTypes),\r\n accordion: PropTypes.exact(Accordion.propTypes),\r\n title: PropTypes.string,\r\n description: PropTypes.string,\r\n initiallyOpenUrls: PropTypes.arrayOf(PropTypes.string)\r\n};\r\n\r\nexport default ProposalShortcuts;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport EmptyList from 'components-old/empty-list';\r\nimport FilterLayout from 'components-old/filter-layout';\r\nimport Form from 'components-old/form';\r\nimport ProposalGroup from './proposal-group';\r\nimport TopFilter from 'components-old/top-filter';\r\nimport TabList from 'components-old/tabs/tab-list';\r\nimport Link from 'components-old/link';\r\nimport Heading from 'components-old/heading';\r\nimport Spinner from 'components-old/spinner';\r\nimport useFetchFilteredResults from 'js/hooks/use-fetch-filtered-results';\r\nimport ProposalShortcuts from 'components-old/proposal-shortcuts/proposal-shortcuts';\r\nimport ContentContainer from 'components-old/content-container/content-container';\r\n\r\nconst ProposalListPage = ({\r\n emptyList,\r\n filterLayout,\r\n form,\r\n groups,\r\n title,\r\n sectionTitle,\r\n topFilter,\r\n fetchFilteredResultsEndpoint,\r\n proposalShortcuts,\r\n description\r\n}) => {\r\n const [\r\n isLoading,\r\n {\r\n emptyList: emptyListState,\r\n filterLayout: filterLayoutState,\r\n groups: groupsState\r\n },\r\n fetchResults\r\n ] = useFetchFilteredResults(\r\n { emptyList, filterLayout, groups },\r\n fetchFilteredResultsEndpoint,\r\n form.endpoint,\r\n topFilter.timeframe\r\n );\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nProposalListPage.propTypes = {\r\n emptyList: PropTypes.exact(EmptyList.propTypes),\r\n filterLayout: PropTypes.exact(FilterLayout.propTypes),\r\n form: PropTypes.exact(Form.propTypes),\r\n groups: PropTypes.arrayOf(PropTypes.exact(ProposalGroup.propTypes)),\r\n title: PropTypes.string,\r\n topFilter: PropTypes.exact(TopFilter.propTypes),\r\n sectionTitle: PropTypes.string,\r\n fetchFilteredResultsEndpoint: PropTypes.string,\r\n proposalShortcuts: PropTypes.exact(ProposalShortcuts.propTypes),\r\n description: PropTypes.string\r\n};\r\n\r\nProposalListPage.defaultProps = {\r\n groups: []\r\n};\r\n\r\nexport default ProposalListPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Link from 'components-old/link';\r\n\r\nconst ProposalData = ({ items }) => (\r\n \r\n
\r\n {description}
\r\n\r\n {items.map(item => (\r\n
\r\n);\r\n\r\nProposalData.propTypes = {\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n label: PropTypes.string.isRequired,\r\n text: PropTypes.string,\r\n links: PropTypes.arrayOf(PropTypes.exact(Link.propTypes))\r\n })\r\n )\r\n};\r\n\r\nProposalData.defaultProps = {\r\n items: [{ links: [] }],\r\n onPageEditing: {}\r\n};\r\n\r\nexport default ProposalData;\r\n","import React from 'react';\r\n\r\nimport ContactInfo from 'components-old/contact-info';\r\nimport Link from 'components-old/link';\r\n\r\nconst ProposalContact = ({ details, title }) => {\r\n return (\r\n \r\n {item.label}\r\n \r\n {item.text && (\r\n {item.text}\r\n )}\r\n {item.links &&\r\n item.links.map(link => )}\r\n \r\n
\r\n ))}\r\n \r\n {title}\r\n {details.map(detail => (\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nProposalContact.propTypes = ContactInfo.propTypes;\r\n\r\nProposalContact.defaultProps = ContactInfo.defaultProps;\r\n\r\nexport default ProposalContact;\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport Heading from 'components-old/heading';\r\n\r\nimport RichText from 'components-old/rich-text';\r\n\r\nconst TimelineItem = ({\r\n isPastDate,\r\n subTitle,\r\n text,\r\n title,\r\n progress,\r\n delay,\r\n isLast\r\n}) => {\r\n const [startAnimation, setStartAnimation] = useState(false);\r\n useEffect(() => {\r\n setTimeout(() => setStartAnimation(true), delay);\r\n });\r\n\r\n const animTime = progress ? 0.5 * (progress / 100) : 0.5;\r\n\r\n return (\r\n \r\n {!!progress && (\r\n
\r\n {subTitle && (\r\n {this.props.title}
}\r\n {this.props.items.map(item => (\r\n\r\n {item.title}\r\n
\r\n )}\r\n\r\n {item.subTitle && (\r\n\r\n {item.subTitle}\r\n
\r\n )}\r\n\r\n{this.props.title}
}\r\n\r\n {this.state.isVisible && (\r\n (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n);\r\n\r\nRecord.propTypes = {\r\n date: PropTypes.string,\r\n richText: PropTypes.exact(RichText.propTypes),\r\n shouldFade: PropTypes.bool,\r\n hideLine: PropTypes.bool\r\n};\r\n\r\nRecord.propTypesMeta = 'exclude';\r\n\r\nexport default Record;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\nimport ContentContainer from 'components-old/content-container';\r\nimport Accordion from 'components-old/accordion';\r\nimport Icon from 'components-old/icon/icon';\r\nimport Record from './record';\r\n\r\nconst TimelineVertical = ({\r\n title,\r\n records,\r\n numberOfVisibleRecords,\r\n accordion,\r\n onPageEditing = {},\r\n isBlock = true\r\n}) => {\r\n const visibleRecords = records.slice(0, numberOfVisibleRecords);\r\n const hiddenRecords = records.slice(numberOfVisibleRecords);\r\n\r\n const isExpandable = numberOfVisibleRecords < records.length;\r\n const isLast = (i, arr) => i === arr.length - 1;\r\n\r\n const ContentContainerOrDiv = isBlock ? 'div' : ContentContainer;\r\n return (\r\n {date}
\r\n \r\n \r\n
\r\n \r\n {title}\r\n
\r\n )}\r\n\r\n\r\n {visibleRecords.map((record, index) => (\r\n \r\n \r\n
\r\n\r\n {isExpandable && (\r\n \r\n )}\r\n \r\n )}\r\n \r\n {hiddenRecords.map((record, index) => (\r\n
\r\n \r\n
\r\n ))\r\n : null;\r\n\r\nconst TabContentSection = ({\r\n content,\r\n contentDescription,\r\n downloadList,\r\n ingress,\r\n application,\r\n moreContent,\r\n moreTexts,\r\n title,\r\n texts,\r\n process,\r\n htmlId\r\n}) => {\r\n return (\r\n \r\n {title && (\r\n \r\n {title}\r\n \r\n )}\r\n {ingress && (\r\n
\r\n );\r\n};\r\n\r\nTabContentSection.propTypes = {\r\n content: PropTypes.exact(ContentArea.propTypes),\r\n contentDescription: PropTypes.exact(RichTextBlock.propTypes),\r\n downloadList: PropTypes.exact(DownloadList.propTypes),\r\n ingress: PropTypes.exact(RichText.propTypes),\r\n moreContent: PropTypes.exact(ContentArea.propTypes),\r\n moreTexts: PropTypes.arrayOf(PropTypes.exact(RichTextBlock.propTypes)),\r\n title: PropTypes.string,\r\n texts: PropTypes.arrayOf(PropTypes.exact(RichTextBlock.propTypes)),\r\n process: PropTypes.exact(Process.propTypes),\r\n htmlId: PropTypes.string,\r\n application: PropTypes.exact({\r\n title: PropTypes.string,\r\n text: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes)\r\n })\r\n};\r\n\r\nTabContentSection.defaultProps = {\r\n moreTexts: [],\r\n texts: []\r\n};\r\n\r\nexport default TabContentSection;\r\n","/* eslint-disable react/no-multi-comp */\r\n\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport ContentContainer from 'components-old/content-container';\r\nimport ContentWithSidebar from 'components-old/content-with-sidebar';\r\nimport StickyMenuOnTabs from 'components-old/sticky-menu-on-tabs';\r\nimport TabContentSection from 'components-old/tab-content-section';\r\n\r\nconst TabContent = ({ menu, contentSections }) => {\r\n const tabContent = (\r\n \r\n
\r\n )}\r\n {content && (\r\n \r\n
\r\n )}\r\n {textList(moreTexts)}\r\n {application && (\r\n \r\n {application.title &&
\r\n )}\r\n {downloadList && (\r\n {application.title}
}\r\n{application.text}
\r\n {application.link && (\r\n\r\n
\r\n )}\r\n \r\n \r\n {items.map(({ guid, name }, index) => {\r\n const isCurrent = guid === currentTab;\r\n return (\r\n \r\n \r\n {name}\r\n \r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nTabs.propTypes = {\r\n activeTab: PropTypes.string,\r\n items: PropTypes.arrayOf(\r\n PropTypes.exact({\r\n guid: PropTypes.string.isRequired,\r\n content: PropTypes.exact(TabContent.propTypes),\r\n name: PropTypes.string.isRequired\r\n })\r\n )\r\n};\r\n\r\nTabs.defaultProps = {\r\n items: []\r\n};\r\n\r\nexport default Tabs;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from 'components-old/button';\r\nimport ContentContainer from 'components-old/content-container';\r\nimport Link from 'components-old/link';\r\nimport Message from 'components-old/message';\r\nimport ProposalData from './proposal-data';\r\nimport ProposalContact from './proposal-contact';\r\nimport RichText from 'components-old/rich-text';\r\nimport TimelineHorizontal from 'components-old/timeline-horizontal';\r\nimport Icon from 'components-old/icon';\r\nimport OptionsModal from 'components-old/options-modal';\r\nimport DateCardStatus from 'components-old/date-card/date-card-status';\r\nimport ArticleHeader from 'components-old/article-header';\r\nimport TimelineVertical from 'components-old/timeline-vertical';\r\nimport Tabs from 'components-old/tabs';\r\n\r\nconst ProposalPage = ({\r\n applyButton,\r\n contact,\r\n contactLabel,\r\n download,\r\n metadataLeft,\r\n metadataRight,\r\n message,\r\n descriptionTitle,\r\n descriptionText,\r\n descriptionIngress,\r\n tabs,\r\n title,\r\n timelineHorizontal,\r\n share,\r\n isInternational,\r\n statusList,\r\n header,\r\n timelineVertical\r\n}) => (\r\n \r\n {items.map(tab => {\r\n const isCurrent = tab.guid === currentTab;\r\n\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n {title && (\r\n \r\n {isInternational && (\r\n
\r\n )}\r\n {header && \r\n \r\n \r\n )}\r\n {timelineVertical && (\r\n \r\n {descriptionTitle && \r\n {timelineHorizontal &&
\r\n);\r\n\r\nProposalPage.propTypes = {\r\n applyButton: PropTypes.exact(Link.propTypes),\r\n contact: PropTypes.exact(ProposalContact.propTypes),\r\n contactLabel: PropTypes.string,\r\n download: PropTypes.exact(OptionsModal.propTypes),\r\n header: PropTypes.exact(ArticleHeader.propTypes),\r\n metadataLeft: PropTypes.exact(ProposalData.propTypes),\r\n metadataRight: PropTypes.exact(ProposalData.propTypes),\r\n message: PropTypes.exact(Message.propTypes),\r\n descriptionTitle: PropTypes.string,\r\n descriptionText: PropTypes.exact(RichText.propTypes),\r\n descriptionIngress: PropTypes.string,\r\n tabs: PropTypes.exact(Tabs.propTypes),\r\n timelineHorizontal: PropTypes.exact(TimelineHorizontal.propTypes),\r\n title: PropTypes.string,\r\n isInternational: PropTypes.bool,\r\n share: PropTypes.exact(OptionsModal.propTypes),\r\n statusList: PropTypes.arrayOf(PropTypes.exact(DateCardStatus.propTypes)),\r\n timelineVertical: PropTypes.exact(TimelineVertical.propTypes)\r\n};\r\n\r\nProposalPage.defaultProps = {\r\n downloadLinks: []\r\n};\r\n\r\nexport default ProposalPage;\r\n","import React from 'react';\r\n\r\nimport GroupedSearchPage from 'components-old/grouped-search-page';\r\n\r\nconst PublicationsPage = props => (\r\n \r\n {isInternational && (\r\n
\r\n )}\r\n {header && \r\n \r\n {statusList && (\r\n \r\n
\r\n {message && (\r\n \r\n {statusList.map(status => (\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {contactLabel}\r\n
\r\n )}\r\n \r\n
\r\n\r\n {share && (\r\n {descriptionTitle}
}\r\n\r\n {descriptionIngress && (\r\n
\r\n \r\n {descriptionIngress}\r\n
\r\n )}\r\n\r\n \r\n\r\n);\r\n\r\nQuote.propTypes = {\r\n onPageEditing: PropTypes.exact({\r\n text: PropTypes.string,\r\n quoteBy: PropTypes.string\r\n }),\r\n text: PropTypes.string,\r\n quoteBy: PropTypes.string\r\n};\r\n\r\nQuote.defaultProps = {\r\n onPageEditing: {}\r\n};\r\n\r\nexport default Quote;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport ArticleBlock from 'components-old/article-block';\r\nimport RelatedContent from 'components-old/related-content';\r\n\r\nconst RelatedArticles = ({\r\n articles,\r\n relatedContent,\r\n usedInSidebar,\r\n isGrid,\r\n isPublication\r\n}) => {\r\n const articleTheme = () => {\r\n const themes = [ArticleBlock.themes.noMargin];\r\n if (usedInSidebar) themes.push(ArticleBlock.themes.sidebar);\r\n if (isGrid) themes.push(ArticleBlock.themes.vertical);\r\n if (isPublication) themes.push(ArticleBlock.themes.publication);\r\n return themes;\r\n };\r\n const relatedContentProps = { ...relatedContent, isGrid };\r\n return (\r\n{text}
\r\n {quoteBy}\r\n
\r\n \r\n \r\n {title && \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n);\r\n\r\nResponsiveIframePage.propTypes = {\r\n footer: PropTypes.exact(PageFooter.propTypes),\r\n iframe: PropTypes.exact(ResponsiveIframe.propTypes),\r\n richText: PropTypes.exact(RichText.propTypes),\r\n sidebar: PropTypes.exact(ContentArea.propTypes),\r\n title: PropTypes.string\r\n};\r\n\r\nexport default ResponsiveIframePage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Button from 'components-old/button';\r\nimport ContentContainer from 'components-old/content-container';\r\nimport FluidImage from 'components-old/fluid-image';\r\nimport Link from 'components-old/link';\r\nimport Map from 'components-old/map';\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nconst textColors = {\r\n light: '-light-text'\r\n};\r\n\r\nconst SatelliteHeader = ({\r\n image,\r\n ingress,\r\n links,\r\n map,\r\n onPageEditing,\r\n title,\r\n text,\r\n textColor\r\n}) => {\r\n return (\r\n {title}
}\r\n\r\n
\r\n \r\n \r\n {map && }\r\n {image && \r\n {text && (\r\n \r\n {text}\r\n \r\n )}\r\n {!!links.length && (\r\n \r\n {links.map(link => (\r\n
\r\n )}\r\n \r\n \r\n \r\n {title && (\r\n \r\n {ingress}\r\n \r\n )}\r\n
\r\n \r\n );\r\n};\r\n\r\nSatelliteHeader.propTypes = {\r\n image: PropTypes.exact(FluidImage.propTypes),\r\n ingress: PropTypes.string,\r\n links: PropTypes.arrayOf(PropTypes.exact(Link.propTypes)),\r\n map: PropTypes.exact(Map.propTypes),\r\n onPageEditing: PropTypes.exact({\r\n title: PropTypes.string,\r\n ingress: PropTypes.string,\r\n text: PropTypes.string,\r\n links: PropTypes.string\r\n }),\r\n title: PropTypes.string.isRequired,\r\n text: PropTypes.string,\r\n textColor: PropTypes.oneOf(Object.values(textColors))\r\n};\r\n\r\nSatelliteHeader.defaultProps = {\r\n onPageEditing: {},\r\n links: []\r\n};\r\n\r\nexport default SatelliteHeader;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport SatelliteHeader from 'components-old/satellite-header';\r\nimport ContentArea from 'components-old/content-area';\r\nimport ContentContainer from 'components-old/content-container';\r\nimport RichTextBlock from 'components-old/rich-text-block';\r\nimport HtmlString from 'components-old/html-string';\r\n\r\nconst narrowTextProps = {\r\n HtmlString: { theme: HtmlString.themes.narrow },\r\n RichTextBlock: { theme: RichTextBlock.themes.narrow }\r\n};\r\n\r\nconst SatelliteFrontpage = ({ satelliteHeader, content }) => {\r\n return (\r\n \r\n {title}\r\n
\r\n )}\r\n {ingress && (\r\n\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nSatelliteFrontpage.propTypes = {\r\n satelliteHeader: PropTypes.exact(SatelliteHeader.propTypes),\r\n content: PropTypes.exact(ContentArea.propTypes)\r\n};\r\n\r\nexport default SatelliteFrontpage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport OPE from 'js/on-page-editing';\r\n\r\nimport RichText from 'components-old/rich-text';\r\nimport Heading from 'components-old/heading';\r\n\r\nconst Schedule = ({ programList = [], onPageEditing, lastTitle }) => (\r\n \r\n {programList.map(({ time, title, text, isBreak }, i) => {\r\n const isLast = i === programList.length - 1;\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n);\r\n\r\nSchedule.propTypes = {\r\n programList: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n time: PropTypes.string,\r\n title: PropTypes.string,\r\n text: PropTypes.exact(RichText.propTypes),\r\n isBreak: PropTypes.bool\r\n })\r\n ),\r\n lastTitle: PropTypes.string,\r\n onPageEditing: PropTypes.exact({\r\n programList: PropTypes.string\r\n })\r\n};\r\n\r\nSchedule.defaultProps = {\r\n onPageEditing: {}\r\n};\r\nexport default Schedule;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ContentContainer from 'components-old/content-container';\r\nimport EmptyList from 'components-old/empty-list';\r\nimport FilterLayout from 'components-old/filter-layout';\r\nimport Form from 'components-old/form';\r\nimport Search from 'components-old/search';\r\nimport Pagination from 'components-old/pagination';\r\nimport SearchResult from 'components-old/search-result';\r\nimport Spinner from 'components-old/spinner';\r\nimport useFetchFilteredResults from 'js/hooks/use-fetch-filtered-results';\r\n\r\nconst SearchPage = ({\r\n emptyList,\r\n filterLayout,\r\n form,\r\n pagination,\r\n results,\r\n resultDescription,\r\n search,\r\n title,\r\n fetchFilteredResultsEndpoint\r\n}) => {\r\n const [\r\n isLoading,\r\n {\r\n results: resultsState,\r\n pagination: paginationState,\r\n resultDescription: resultDescriptionState,\r\n emptyList: emptyListState,\r\n search: searchState,\r\n filterLayout: filterLayoutState\r\n },\r\n fetchResults\r\n ] = useFetchFilteredResults(\r\n {\r\n results,\r\n pagination,\r\n resultDescription,\r\n emptyList,\r\n search,\r\n filterLayout\r\n },\r\n fetchFilteredResultsEndpoint,\r\n form.endpoint,\r\n search.input\r\n );\r\n\r\n const topLine = (\r\n {time}
\r\n \r\n \r\n {title || (isLast && lastTitle)}\r\n \r\n
\r\n {resultDescriptionState}
\r\n );\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nSearchPage.propTypes = {\r\n emptyList: PropTypes.exact(EmptyList.propTypes),\r\n filterLayout: PropTypes.exact(FilterLayout.propTypes),\r\n form: PropTypes.exact(Form.propTypes),\r\n pagination: PropTypes.exact(Pagination.propTypes),\r\n results: PropTypes.arrayOf(PropTypes.exact(SearchResult.propTypes)),\r\n resultDescription: PropTypes.string,\r\n search: PropTypes.exact(Search.propTypes),\r\n title: PropTypes.string,\r\n fetchFilteredResultsEndpoint: PropTypes.string\r\n};\r\n\r\nSearchPage.defaultProps = {\r\n results: []\r\n};\r\n\r\nexport default SearchPage;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Image from 'components-old/image/image';\r\nimport Link from 'components-old/link/link';\r\n\r\nconst StatsLink = ({ image, title, link }) => (\r\n \r\n
\r\n);\r\n\r\nStatsLink.propTypes = {\r\n image: PropTypes.exact(Image.propTypes),\r\n title: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes)\r\n};\r\nexport default StatsLink;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport StatsLink from 'components-old/stats-link-list/stats-link';\r\nimport Link from 'components-old/link';\r\nimport Button from 'components-old/button';\r\nimport PortfolioContent from 'components-old/portfolio-content';\r\nimport Image from 'components-old/image';\r\n\r\nconst StatsLinkList = ({\r\n heading,\r\n statsLinks = [],\r\n aboutImage = {},\r\n seeMoreLink\r\n}) => {\r\n return (\r\n \r\n
\r\n {link && }\r\n {title}
}\r\n\r\n
\r\n \r\n {statsLinks.map((statsLink, index) => (\r\n
\r\n {aboutImage.src && (\r\n \r\n
\r\n )}\r\n {seeMoreLink && (\r\n \r\n \r\n
\r\n )}\r\n {title && (\r\n \r\n {title &&
\r\n);\r\n\r\nVacancies.propTypes = {\r\n emptyList: PropTypes.exact(EmptyList.propTypes),\r\n items: PropTypes.arrayOf(PropTypes.exact(DateCard.propTypes)),\r\n link: PropTypes.exact(Link.propTypes),\r\n title: PropTypes.string,\r\n text: PropTypes.string\r\n};\r\n\r\nVacancies.defaultProps = {\r\n items: []\r\n};\r\n\r\nexport default Vacancies;\r\n","var map = {\n\t\"./arrow-down-wide.svg\": 39788,\n\t\"./arrow-short.svg\": 85806,\n\t\"./arrows-right.svg\": 67631,\n\t\"./book.svg\": 5787,\n\t\"./calendar.svg\": 74558,\n\t\"./camera.svg\": 53977,\n\t\"./category-apple.svg\": 1555,\n\t\"./category-building.svg\": 18477,\n\t\"./category-democracy.svg\": 16960,\n\t\"./category-factory.svg\": 29301,\n\t\"./category-globe.svg\": 96112,\n\t\"./category-grain.svg\": 51734,\n\t\"./category-handshake.svg\": 108,\n\t\"./category-heart.svg\": 9731,\n\t\"./category-iceberg.svg\": 66524,\n\t\"./category-ocean.svg\": 64205,\n\t\"./category-oil-drum.svg\": 90676,\n\t\"./category-people.svg\": 95968,\n\t\"./category-sami.svg\": 48859,\n\t\"./category-science.svg\": 62917,\n\t\"./category-tree.svg\": 45205,\n\t\"./category-windmill.svg\": 26201,\n\t\"./chat.svg\": 65366,\n\t\"./checkmark.svg\": 12791,\n\t\"./clock.svg\": 69222,\n\t\"./close-small.svg\": 92946,\n\t\"./download-circle.svg\": 43905,\n\t\"./download-small.svg\": 9654,\n\t\"./download.svg\": 49588,\n\t\"./downtime.svg\": 4651,\n\t\"./error-page.svg\": 85154,\n\t\"./exclamation-mark-color.svg\": 17905,\n\t\"./exclamation-mark.svg\": 20003,\n\t\"./expand-collapse.svg\": 29800,\n\t\"./external-link-arrow.svg\": 36402,\n\t\"./facebook.svg\": 42304,\n\t\"./filter-small.svg\": 85008,\n\t\"./flag.svg\": 20978,\n\t\"./globe-old.svg\": 95523,\n\t\"./globe.svg\": 47627,\n\t\"./house.svg\": 12944,\n\t\"./info-color.svg\": 16978,\n\t\"./info.svg\": 85968,\n\t\"./link-arrow-circled.svg\": 15619,\n\t\"./link-arrow.svg\": 25528,\n\t\"./link.svg\": 6524,\n\t\"./linkedin.svg\": 87906,\n\t\"./long-arrow.svg\": 39842,\n\t\"./mail-square.svg\": 14723,\n\t\"./mail.svg\": 26705,\n\t\"./menu.svg\": 1953,\n\t\"./micro-arrow-down.svg\": 89237,\n\t\"./minus-small.svg\": 30806,\n\t\"./np-1.svg\": 81476,\n\t\"./np-2.svg\": 24599,\n\t\"./np-3.svg\": 37062,\n\t\"./np-4.svg\": 39657,\n\t\"./np-5.svg\": 4792,\n\t\"./np-6.svg\": 43627,\n\t\"./np-circle.svg\": 35899,\n\t\"./np-close.svg\": 87401,\n\t\"./np-dash-bottom-right.svg\": 56808,\n\t\"./np-dash-top-right.svg\": 59344,\n\t\"./np-dash-top-top.svg\": 25039,\n\t\"./np-long-horizontal.svg\": 25386,\n\t\"./np-long-vertical.svg\": 95944,\n\t\"./np-rectangle.svg\": 31986,\n\t\"./np-snake-horizontal.svg\": 28258,\n\t\"./np-snake-vertical.svg\": 39888,\n\t\"./open-arrow-circle.svg\": 21141,\n\t\"./person.svg\": 28659,\n\t\"./play.svg\": 26706,\n\t\"./plus-circle.svg\": 33897,\n\t\"./plus-small.svg\": 23966,\n\t\"./rss.svg\": 31912,\n\t\"./search.svg\": 77072,\n\t\"./share-big.svg\": 61152,\n\t\"./share-small.svg\": 44311,\n\t\"./slideshow.svg\": 12072,\n\t\"./small-arrow-down.svg\": 35778,\n\t\"./small-arrow-right.svg\": 28788,\n\t\"./sort-down.svg\": 57625,\n\t\"./sort-up.svg\": 7126,\n\t\"./star.svg\": 17204,\n\t\"./stop.svg\": 16068,\n\t\"./video.svg\": 45157,\n\t\"./volume.svg\": 31754,\n\t\"./warning-color.svg\": 23586,\n\t\"./warning.svg\": 97408,\n\t\"./x-circle.svg\": 26921,\n\t\"./x-straight.svg\": 779,\n\t\"./x.svg\": 18140\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 62728;","var map = {\n\t\"./BookOpen_2022.svg\": 70936,\n\t\"./Envelope_2022.svg\": 61725,\n\t\"./Link_2022.svg\": 25433,\n\t\"./arrow-down-wide.svg\": 12260,\n\t\"./arrow-down.svg\": 72788,\n\t\"./arrow-rounded.svg\": 683,\n\t\"./arrow-short.svg\": 86726,\n\t\"./arrows-right.svg\": 72087,\n\t\"./asterix.svg\": 90850,\n\t\"./book.svg\": 49619,\n\t\"./calendar.svg\": 46726,\n\t\"./camera.svg\": 27313,\n\t\"./category-apple.svg\": 15419,\n\t\"./category-building.svg\": 97141,\n\t\"./category-democracy.svg\": 47144,\n\t\"./category-factory.svg\": 61645,\n\t\"./category-globe.svg\": 39912,\n\t\"./category-grain.svg\": 27726,\n\t\"./category-handshake.svg\": 53284,\n\t\"./category-heart.svg\": 35595,\n\t\"./category-iceberg.svg\": 47396,\n\t\"./category-ocean.svg\": 7781,\n\t\"./category-oil-drum.svg\": 16524,\n\t\"./category-people.svg\": 41768,\n\t\"./category-sami.svg\": 26435,\n\t\"./category-science.svg\": 23677,\n\t\"./category-tree.svg\": 9309,\n\t\"./category-windmill.svg\": 76385,\n\t\"./change.svg\": 86052,\n\t\"./chat.svg\": 52814,\n\t\"./check-circle.svg\": 39433,\n\t\"./checkmark.svg\": 34927,\n\t\"./clock.svg\": 46990,\n\t\"./close-small.svg\": 89962,\n\t\"./document.svg\": 87695,\n\t\"./download-circle.svg\": 60905,\n\t\"./download-round-large.svg\": 2457,\n\t\"./download-round.svg\": 67363,\n\t\"./download-small.svg\": 2174,\n\t\"./download.svg\": 22044,\n\t\"./downtime.svg\": 80083,\n\t\"./dubian-path.svg\": 88533,\n\t\"./envelope.svg\": 25192,\n\t\"./error-page.svg\": 23370,\n\t\"./exclamation-mark-color.svg\": 8233,\n\t\"./exclamation-mark.svg\": 10235,\n\t\"./expand-collapse.svg\": 69152,\n\t\"./external-link-arrow-skinny.svg\": 69519,\n\t\"./external-link-arrow.svg\": 8970,\n\t\"./facebook-logo.svg\": 81232,\n\t\"./facebook.svg\": 85048,\n\t\"./file.svg\": 79326,\n\t\"./filter-small.svg\": 27096,\n\t\"./flag.svg\": 36490,\n\t\"./globe-old.svg\": 5707,\n\t\"./globe.svg\": 58115,\n\t\"./house.svg\": 91112,\n\t\"./i.svg\": 26485,\n\t\"./info-color.svg\": 95370,\n\t\"./info.svg\": 44200,\n\t\"./link-arrow-circled.svg\": 41019,\n\t\"./link-arrow.svg\": 76928,\n\t\"./link.svg\": 29636,\n\t\"./linkedin-logo.svg\": 27418,\n\t\"./linkedin.svg\": 75050,\n\t\"./long-arrow.svg\": 42074,\n\t\"./mail-square.svg\": 25115,\n\t\"./mail-thick.svg\": 15481,\n\t\"./mail.svg\": 50473,\n\t\"./menu.svg\": 61513,\n\t\"./micro-arrow-down.svg\": 98461,\n\t\"./minus-small.svg\": 42014,\n\t\"./navigation-arrow.svg\": 42422,\n\t\"./np-1.svg\": 45324,\n\t\"./np-2.svg\": 24351,\n\t\"./np-3.svg\": 93358,\n\t\"./np-4.svg\": 4913,\n\t\"./np-5.svg\": 6880,\n\t\"./np-6.svg\": 51539,\n\t\"./np-circle.svg\": 51699,\n\t\"./np-close.svg\": 12145,\n\t\"./np-dash-bottom-right.svg\": 88688,\n\t\"./np-dash-top-right.svg\": 61672,\n\t\"./np-dash-top-top.svg\": 5719,\n\t\"./np-long-horizontal.svg\": 51426,\n\t\"./np-long-vertical.svg\": 29680,\n\t\"./np-rectangle.svg\": 44058,\n\t\"./np-snake-horizontal.svg\": 51418,\n\t\"./np-snake-vertical.svg\": 6168,\n\t\"./open-arrow-circle.svg\": 3357,\n\t\"./person.svg\": 86139,\n\t\"./play.svg\": 22554,\n\t\"./plus-circle.svg\": 40417,\n\t\"./plus-small.svg\": 81718,\n\t\"./rss.svg\": 25920,\n\t\"./search.svg\": 1768,\n\t\"./share-big.svg\": 32584,\n\t\"./share-new-profile-small.svg\": 18938,\n\t\"./share-purple.svg\": 308,\n\t\"./share-small.svg\": 22751,\n\t\"./slideshow.svg\": 15232,\n\t\"./small-arrow-down.svg\": 99114,\n\t\"./small-arrow-right.svg\": 7468,\n\t\"./some-facebook.svg\": 86805,\n\t\"./some-instagram.svg\": 21983,\n\t\"./some-linkedin.svg\": 46411,\n\t\"./some-rss.svg\": 523,\n\t\"./sort-down.svg\": 10257,\n\t\"./sort-up.svg\": 47726,\n\t\"./star.svg\": 71932,\n\t\"./stop.svg\": 61820,\n\t\"./video.svg\": 80797,\n\t\"./volume.svg\": 87618,\n\t\"./warning-circle.svg\": 69845,\n\t\"./warning-color.svg\": 53674,\n\t\"./warning-triangle.svg\": 54561,\n\t\"./warning.svg\": 29928,\n\t\"./wrench.svg\": 3871,\n\t\"./x-circle.svg\": 42353,\n\t\"./x-rounded.svg\": 4440,\n\t\"./x-straight.svg\": 27603,\n\t\"./x.svg\": 46468\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 26112;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\tloaded: false,\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Flag the module as loaded\n\tmodule.loaded = true;\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nmd = (module) => {\n\tmodule.paths = [];\n\tif (!module.children) module.children = [];\n\treturn module;\n};","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t818: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar [chunkIds, moreModules, runtime] = data;\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkforskningsraadet_frontend\"] = self[\"webpackChunkforskningsraadet_frontend\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(78624)))\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(83877)))\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(1900)))\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(12826)))\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(47642)))\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(45395)))\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(5348)))\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(94709)))\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(9707)))\nvar __webpack_exports__ = __webpack_require__.O(undefined, [121], () => (__webpack_require__(85760)))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["deferred","___EXPOSE_LOADER_IMPORT___","require","module","exports","Collapse","React","constructor","arguments","_defineProperty","height","this","props","forceInitialAnimation","isOpen","closedHeight","isAnimating","isMounted","child","wrapper","firstElementChild","Math","max","offsetHeight","newHeight","getHeight","clearTimeout","timer","cancelAnimationFrame","raf","setState","previousHeight","shouldAnimate","requestAnimationFrame","setTimeout","duration","componentDidMount","transition","getDerivedStateFromProps","nextProps","prevState","openDidChange","forceAnimation","getSnapshotBeforeUpdate","componentDidUpdate","prevProps","prevHeight","state","childrenDidChange","onMeasure","animateChildren","componentWillUnmount","render","unmountChildren","shouldMount","initiallyHidden","component","Object","assign","componentProps","className","onTransitionEnd","ref","el","style","_objectSpread","overflow","visibility","concat","easing","children","PropTypes","Timeout","fn","delay","id","clear","cleared","getCallbackEnhancedData","data","callback","callbackTimeout","eventCallback","isRunningOnClient","window","dataLayer","length","forEach","dataObject","push","defaultFetchOptions","headers","Accept","parseResponse","response","json","then","handleUserMessages","_ref","handleAnalytics","_ref2","analytics","handleNotOk","_ref3","ok","messageToUser","error","Error","statusText","name","status","url","handleResponse","_ref4","payload","handleFetchError","Promise","reject","request","options","fetch","catch","get","endpoint","toQueryString","method","execute","undefined","indexOf","console","log","resolve","body","post","JSON","stringify","getOnPageEditingProps","propertyName","ChatbotState","showChatbot","iframeContainer","openBtn","display","hideChatbot","init","document","getElementById","closeBtn","minimizeBtn","chatbotInitialized","chatbotState","localStorage","getItem","addEventListener","setItem","async","norTokenEndpointURL","URL","engTokenEndpointURL","locale","documentElement","lang","tokenEndpointURL","apiVersion","searchParams","directLineURL","token","all","channelUrlsById","directline","directLine","WebChat","createDirectLine","domain","subscription","connectionStatus$","subscribe","next","value","postActivity","localTimezone","Intl","DateTimeFormat","resolvedOptions","timeZone","type","unsubscribe","renderWebChat","styleOptions","accent","botAvatarBackgroundColor","botAvatarInitials","userAvatarInitials","hideUploadButton","textInput","querySelector","inputPlaceholderText","getAttribute","removeAttribute","placeholder","loadChatbot","removeEventListener","shouldBlock","useEffect","top","scrollY","position","scrollPosition","abs","parseInt","scrollBehavior","scrollTo","useFetchFilteredResults","initialData","currentPage","urlQuery","isLoading","setIsLoading","useState","setData","handleSetData","_data$filterLayout","_data$search","rand","random","filterLayout","filters","dataId","search","input","handlePageChange","searchQueryParameter","queryParams","location","URLSearchParams","entries","reduce","acc","tuple","key","val","hasOwnProperty","Array","isArray","q","api","e","parameterString","params","result","keys","map","param","substring","queryObject","urlQueryString","urlEndpoint","history","pushState","includes","screens","smMax","mdMax","md","lg","screenSize","isScreenSize","setIsScreenSize","screen","resizeHook","onResize","matchMedia","matches","useLocalStorageState","defaultValue","serialize","deserialize","parse","isInitialized","setIsInitialized","prevKeyRef","useRef","prevKey","current","removeItem","getStorageValue","valueInLocalStorage","useOnFocusInsideChange","toggleListener","onAnyFocus","useCallback","isFocusInsideLink","contains","activeElement","config","rootMargin","threshold","useOnIntersect","node","IntersectionObserver","self","entry","isIntersecting","unobserve","target","observe","useOutsideClick","handleClick","handleKeyDown","keyCode","clamp","min","useSlider","trackRef","initialValue","isVertical","setValue","isActive","setIsActive","onMove","preventDefault","cursorX","cursorY","changedTouches","clientX","clientY","getCursorPositions","track","trackLength","offsetWidth","cursorDistancePxs","getBoundingClientRect","y","x","cursorDistanceClamped","onKeyDown","deactivate","activate","passive","activateKeys","deactivateKeys","defineProperty","HTMLElement","prototype","update","classes","split","index","join","ret","add","remove","splice","toggle","item","i","touchEndHappened","classListPolyfill","onTouchStart","classList","onTouchEnd","onMouseDown","keyCodeWhiteList","which","inputDetection","noop","editTypes","floating","flyout","inline","webcontrol","editType","String","start","NodeList","thisArg","call","CSS","supports","scrollingElement","originalSrc","imageNodeWidth","currentImageWidth","physicalPixelWidth","devicePixelRatio","adjustedWidth","ceil","transformQuery","transformQueryHash","CryptoJs","replace","doAndWait","func","res","doesContain","arr","text","test","dangerouslySetInnerHTML","__html","process","env","serializeWithTimestamp","timestamp","Date","now","deserializeWithTimestamp","getKeysFromLocalStorageThatMatchesPrefix","prefix","startsWith","deleteFromLocalStorage","frequency","diffInMinutes","previous","difference","divideBy","divider","floor","getTimestampDifference","colors","orange","red","teal","purple","green","pink","stepsLength","backgrounds","background","color","getColor","values","convertToPxs","width","coords","toPx","dimension","percent","round","applyPositions","end","absoluteCurve","addPos","pointCoord","bezierCoord","pos","slice","pushBeziers","beziers","mousePos","softAnimation","calcDistance","sqrt","diffs","scalars","distance","n","radius","mapRange","diff","breakpoints","activeBreakpoint","filter","breakpoint","pop","toNumber","str","Number","sort","a","b","localeCompare","___EXPOSE_LOADER_GLOBAL_THIS___","ArrowDownWide","createElement","defaultProps","default","ArrowShort","ArrowsRight","Book","Calendar","Camera","CategoryApple","CategoryBuilding","CategoryDemocracy","CategoryFactory","CategoryGlobe","CategoryGrain","CategoryHandshake","CategoryHeart","CategoryIceberg","CategoryOcean","CategoryOilDrum","CategoryPeople","CategorySami","CategoryScience","CategoryTree","CategoryWindmill","Chat","Checkmark","Clock","CloseSmall","DownloadCircle","DownloadSmall","Download","Downtime","ErrorPage","ExclamationMarkColor","ExclamationMark","ExpandCollapse","ExternalLinkArrow","Facebook","FilterSmall","Flag","GlobeOld","Globe","House","InfoColor","Info","LinkArrowCircled","LinkArrow","Link","Linkedin","LongArrow","MailSquare","Mail","Menu","MicroArrowDown","MinusSmall","Np1","Np2","Np3","Np4","Np5","Np6","NpCircle","NpClose","NpDashBottomRight","NpDashTopRight","NpDashTopTop","NpLongHorizontal","NpLongVertical","NpRectangle","NpSnakeHorizontal","NpSnakeVertical","OpenArrowCircle","Person","Play","PlusCircle","PlusSmall","Rss","Search","ShareBig","ShareSmall","Slideshow","SmallArrowDown","SmallArrowRight","SortDown","SortUp","Star","Stop","Video","Volume","WarningColor","Warning","XCircle","XStraight","X","BookOpen2022","Envelope2022","Link2022","ArrowDown","ArrowRounded","Asterix","Change","CheckCircle","Document","DownloadRoundLarge","DownloadRound","DubianPath","Envelope","ExternalLinkArrowSkinny","FacebookLogo","File","I","LinkedinLogo","MailThick","NavigationArrow","ShareNewProfileSmall","SharePurple","SomeFacebook","SomeInstagram","SomeLinkedin","SomeRss","WarningCircle","WarningTriangle","Wrench","XRounded","req","icons","filename","Icon","fill","cn","focusable","propTypes","isRequired","themes","primary","secondary","signal","dropdown","large","small","light","big","link","linkPrimary","linkSecondary","outline","orangeOutline","medium","uppercase","white","smallMargin","baseClassName","Button","attributes","disabled","icon","iconBeforeChildren","onClick","theme","title","iconFill","onMouseEnter","onMouseLeave","_extends","Accordion","initiallyOpen","stopPropagation","label","collapseLabel","expandLabel","buttonText","buttonTextForLabel","guid","showButtonText","animate","unmountClosed","expandOnMount","innerWidth","AccordionContainer","accordion","ReactComponent","sizes","fullScreen","half","third","quarter","twoThirds","noMargin","largeMargin","ContentAreaItem","additionalComponentProps","blockNotSupportedText","componentName","componentData","enableElementSizing","isStaticLayout","onPageEditing","size","Component","additionalProps","componentToRender","BlockOPE","contentName","contentId","singleColumn","twoColumns","threeColumns","fourColumns","portfolio","ContentArea","additionalItemProps","blocks","OPE","block","richTextBlockProps","RichTextBlock","RichText","FactBox","topBorder","transparentRows","isEditMode","AccordionListBlock","list","accordionBlock","idx","ShareOptions","items","href","rel","isProposalOrEvent","isPageFooter","Hyphenate","roundedSmall","rounded","anchored","mosaic","FluidImage","alt","focusPoint","initialSize","src","darkFilter","container","currentSrc","setSrc","getNewSrc","darkGradient","image","backgroundImage","backgroundPosition","actionLink","extraIndentation","navigationLink","navigationLinkNP","wrappedHeadingForPrint","black","blue","bold","fullWidth","inlineIcon","orangeIcon","tag","orangeTag","underline","iconClassName","trackUrl","useButtonStyles","noHoverEffect","openInNewWindow","isExternal","noFollow","useSkinnyIcon","isActionLink","Element","ExternalLinkContent","TextAndIcon","withoutLastWord","lastWord","whiteSpace","ArrowIconSrc","externalLinkHelper","newWindowProps","defaultBehaviour","ctrlKey","_response","role","isPrimary","line","Heading","forwardRef","level","levelOffset","HeadingTag","hyphenate","xsmall","xlarge","iconThemes","word","required","pdf","ppt","excel","fallback","csv","DocumentIcon","iconTheme","isBlack","iconObj","narrow","grey","prominent","DownloadList","groups","downloadAllText","downloadAllUrl","requiredText","group","heading","subheading","TabTrapper","shiftKeyIsPressed","shiftKey","afterWrapper","focus","beforeWrapper","previouslyFocusedElement","buttonStyle","left","padding","border","onFocus","trapFirst","div","tabIndex","trapLast","isArticleHeader","isTextWithSidebar","OptionsModal","openButtonText","closeButtonLabel","shareContent","downloadContent","show","setShow","closeModal","clickOutsideRef","openModal","gray","wide","IconWarning","AccordionWithContentArea","content","iconWarning","share","htmlId","addAnchorHash","removeAnchorHash","hasOpened","setHasOpened","contentRef","disableTabbing","getElementsByTagName","setAttribute","enableTabbing","shouldExpand","isTargetedByAnchor","hash","offsetTop","noAnchorAndOpen","TextWithSidebar","headingLevel","isProposalPage","AccordionWithContentAreaList","description","richText","themeTags","anchorHashList","setAnchorHashList","anchorHash","effectDependencies","replaceState","Announcement","groupTag","subTitle","links","Byline","element","isLink","noHover","LinkWrapper","shouldWrapInLink","OuterLink","refer","InnerLink","Published","date","TagLinkList","tags","leftAligned","number","inactive","TagList","smallImage","ListItemImage","vertical","verticalVacancies","Metadata","isDisabled","normalBackgrounds","background1","background2","background3","background4","greyBackgrounds","count","getBackground","EventImage","greyFilter","eventImage","withBorder","squareImage","sidebar","publication","ArticleBlock","byline","published","linkTags","usedInSidebar","metadata","documentImage","isPublication","DataTagList","ImageTag","Card","preTitle","imageTag","dataTagList","isEvent","LinkOrDiv","linkProps","datetime","AutoGridItem","GridItem","AutoGrid","autoGridProps","isList","minWidth","gutter","flexibleGutter","AutoGridLogic","gridWidth","setGridWidth","gridStyle","itemStyle","calcFlexibleGutterStyle","gaps","gapLength","itemWidth","gridTemplateColumns","gap","setWidth","resize","ItemComponent","ArticleCardList","articleCard","ArticleHeader","isLargeArticle","ContentContainer","ContentWithSidebar","useContentContainer","WrapperElement","sidebarLeft","largeDocuments","Content","displayName","Sidebar","Header","PageFooter","download","Image","responsive","parentNode","parentElement","ImageWithCaption","caption","editorTheme","halfWidth","ArticlePage","footer","header","ingress","hasLargeTitle","VolumeSlider","volume","setVolume","close","isCursorInside","setIsCursorInside","markerPosition","setMarkerPosition","isMobile","useIsScreenSize","ratio","onMouseUp","transform","PlayerTimeline","progress","setTime","forceUpdate","timelineRef","progressInPxs","onBlur","timeString","toDoubleDigits","seconds","sec","toString","AudioPlayer","labels","altText","isPlaying","setIsPlaying","secondsPlayed","setSecondsPlayed","secondsTotal","setSecondsTotal","showVolumeSlider","setShowVolumeSlider","audioPlayer","volumeBtn","play","pause","newTime","currentTime","onTimeUpdate","onCanPlay","menu","BackgroundHoverEffect","parentToCover","enable","setStyle","paddingBottom","getComputedStyle","getPropertyValue","marginTop","HtmlString","refProp","htmlStringRef","tables","table","parent","nextSibling","nextElementSibling","appendChild","insertBefore","Message","disableHTMLStringTabbing","Breadcrumbs","translationLabel","root","CampaignBlock","cta","listLength","isProminent","useContentHeight","setHeight","useResize","dark","np","CampaignBlockList","campaignBlock","Carousel","_this","newIndex","numberOfItems","slidesToShow","numberOfSlidesToShow","lastIndex","newIndexClamped","currentIndex","currentIndexRounded","hasNextItem","hasPreviousItem","isDragging","shouldShowNavigation","getNewState","startIndex","startPropName","goToItem","travel","previousX","touch","wrapperWidth","travelModifier","isZoomed","initialScreenWidth","hasMultiTouch","xDiff","hasFastSwipe","fastSwipeModifier","indexOnTouchStart","touches","onTouchMove","itemsWrapper","scroll","distanceToTopOfPage","pageYOffset","innerHeight","toArray","prevChildren","some","c","onItemsWrapperTouchEnd","onItemsWrapperTouchMove","onItemsWrapperTouchStart","onItemsWrapperMove","onItemsWrapperStart","slidesCount","currentSlide","previousButton","goToPreviousItem","previousLabel","handleOnItemFocus","nextButton","goToNextItem","nextLabel","Tooltip","useTabStyle","setMousePos","EventData","paragraphs","toggleFocusListener","showTooltip","setShowTooltip","showTabTooltip","setShowTabTooltip","isMediumScreen","toggleTabTooltip","closeTooltip","open","handleMouseEnter","openTooltip","handleMouseLeave","DatesMoreLink","tooltip","useTooltip","eventData","DatesMoreLinkList","dates","toggleAccordion","listRef","isInside","DatesMore","showMoreDates","CategoryListItem","cardData","datesTextWidth","setDatesTextWidth","dateTextRef","EmptyList","InputControlled","checked","onChange","isChecked","setIsChecked","inputUncontrolled","defaultChecked","Checkbox","isControlled","Input","InputUncontrolled","htmlFor","FilterGroup","updateFilterOptions","isDesktop","option","subOptions","subOption","AccordionButton","setSearchQueryParameterHelper","hiddenLabel","inverted","TextInput","controlled","idPrefix","validationError","valueProp","ifWrapWithIcon","RangeSlider","draggingFrom","draggingTo","from","screenLeft","to","slider","persist","clampFrom","clampTo","xPosition","rangeMap","onDrag","debounce","measure","resetDragging","onMouseMove","fromPosition","toPosition","setFrom","setTo","onFromMouseDown","zIndex","onToMouseDown","submit","Spinner","Filters","checkboxes","rangeFilter","fetchFilteredResults","mobileTitle","updateFilterQuery","isResetting","setIsResetting","setIsMounted","setSearchQueryParameter","getInitialSearchQueryParameter","closeDialog","checkbox","deselectItems","reset","showResults","FilterLayout","contentArea","topContent","includeBottomBorder","isLeft","mobileFiltersVisible","setMobileFiltersVisible","useBlockScrolling","Transition","Context","submitForm","Form","showSubmitButton","submitButtonText","onSubmit","form","action","Provider","Pagination","pages","page","isCurrent","CategoryListPage","emptyList","pagination","fetchFilteredResultsEndpoint","emptyListState","filterLayoutState","paginationState","groupsState","fetchResults","ChapterLink","chapterNumber","hasDash","isHeader","isTopLevelLink","linksToCurrentPage","setLinksToCurrentPage","pathname","CheckboxGroup","setMessage","checkedList","setCheckedList","onCheck","stateChecked","ContactBlock","getDetailType","details","regText","elem","ContactInfo","ContactListItem","contactLists","email","phone","ContactList","contactGroups","contactGroup","MapPopup","address","gestureHandling","disableDefaultUI","styles","featureType","elementType","stylers","Loader","Map","markers","google","bounds","maps","LatLngBounds","marker","extend","LatLng","latitude","longitude","getBounds","setCenter","getCenter","setZoom","fitBounds","getZoom","googleMapsAPIKey","load","mapOptions","fitMapToMarkers","popupsAndMarkers","popup","InfoWindow","ReactDOMServer","Marker","lat","lng","addListener","fitMapTomarkers","zoomIn","zoomOut","Tags","PageHeader","portfolioLinks","noPadding","PortfolioHeader","isPageHeader","styleProps","hasSingleLink","numbers","narrowTextProps","ContentAreaPage","pageHeader","portfolioHeader","CrmEmbedBlock","CtaLink","supportedIcons","slideshow","video","camera","DateCardMedia","isCompleted","resultIsPublished","isCanceled","isPlanned","DateCardStatus","centered","Item","DateCardTags","numberOfVisibleItems","visibleItems","hiddenItems","HeightOfChild","Child","clientHeight","ChildHoF","DateField","transparent","hasSameValue","DateCardDates","datesTitle","datesDescription","isPastDate","isInternational","moreDates","heightOfName","singleYear","singleMonth","isBigTheme","LinkOrFragment","LinkOrFragmentProps","minHeight","pastDate","day","month","includeWidth","year","nameHeight","rightAlignedTags","noBorder","DateCard","dateContainer","media","metadataTheme","messageList","showMedia","subtitle","isImageLink","isEventList","hasDate","nameRef","setNameHeight","useGetHeightOfName","message","DescriptionListBlock","isNumber","isNaN","ThWithSort","sortDirection","Table","rows","isSortingEnabled","sortingIndex","rowsState","setRowsState","setSortDirection","initiallyReverse","rowsCopy","row","tableSort","reverse","shouldRev","column","displayValue","isRightAligned","TableMobileSort","selectedOption","setSortOption","TableMobileItem","extractValue","sortOption","find","TableMobile","sortMenu","itemsState","setitemsState","newItems","sortOptions","FlipMotion","TableBlock","mobileList","isWide","DescriptionListAndTables","descriptionList","EducationBlock","grade","time","imageLeft","yellow","EmbedBlock","hasDimensions","setMinHeight","srcState","setSrcState","wrapperClass","allowFullScreen","EmployeeSearchResult","labeledLinks","SearchSuggestions","suggestions","suggestion","externalResultsLabel","externalResultsEndpoint","resultsDescription","searchSuggestions","inputElement","externalResultsCount","setExternalResultsCount","externalResultsUrl","setExternalResultsUrl","inputValue","setInputValue","Hits","event","removeText","errorCode","errorPageRef","errorPageHeight","setErrorPageHeight","nonErrorPageHeight","scrollHeight","EventCardList","datesMoreWidth","setDatesMoreWidth","datesMoreRef","eventCard","paddingRight","EventListItem","TopFilter","timeframe","getZIndex","TabList","EventListPage","events","topFilter","eventsState","findIndex","StickyMenuOnTabsItem","stickyPolyfill","StickyMenuOnTabs","navGroups","enableScroll","setEnableScroll","addOne","overflowY","shouldScroll","titleLink","includeHeader","types","calendar","isDeveloperEnvironment","EventPageLink","Label","EventPage","contactInfo","registrationLink","schedule","speakers","eventTag","about","contact","SocialMediaLink","provider","SocialMediaLinkList","Footer","newsLetter","linkLists","socialMedia","logo","trademark","SearchInput","FrontpageHeader","esaki","marconi","alfven","NestedLink","iconData","linkTheme","LinkList","isSmall","withIcon","nestedLinks","isPortfolio","nestedLink","frontpageLinks","Frontpage","linkList","PageLinksBlock","GroupedSearchPageSectionFilterList","fetchResultsWithSection","hasLowerCaseSectionFilters","darkText","SearchResult","statusList","descriptiveTitle","mail","SearchResultGroup","results","iconName","GroupedSearchPage","sections","currentSectionFilter","currentSection","section","filterQuery","setFilterQuery","updatedFilterQuery","prev","resultsState","resultsDescriptionState","searchState","sectionsState","queryParameters","copy","GlobalSearch","focusTimeout","submitLabel","openGlobalSearch","button","closeGlobalSearch","closeButtonText","MenuSearch","Modal","bodyElement","modal","modalWrapper","scrollTop","hideModal","handleEscPress","isVisible","onAfterShowModal","ReactDOM","d","suppressHydrationWarning","NavigationList","NavigationGroup","linkRef","closeMenu","globalSearch","headerLinkList","navigationGroups","TabMenu","mainContentLink","filtersLink","openMenu","openMenuLabel","SimpleHeader","linkToHome","menuText","tabMenu","priorityLink","simpleHeader","globalSearchIsOpen","setGlobalSearchIsOpen","menuIsOpen","setMenuIsOpen","containerRef","menuId","menuLinkList","ImageBlock","hasTitle","Boolean","ImageWithLink","shareImageHeight","InfoBlock","includeIcon","InputEmail","isValid","setIsValid","orangeFocus","isValidEmail","PageNavigation","isFirstPage","styleLinkProps","NestedMenu","mainPageLink","linkListIndex","_ref5","_ref6","MetadataList","paragraph","LargeArticlePage","pageNavigation","nestedMenu","isFrontPage","ChapterNavigationList","linkOrLinkList","TableOfContents","windowWidth","LargeDocumentsPage","tableOfContents","LinkListBlock","LinkLists","columns","savedCount","LinkWithText","LinkWithTextList","linkWithText","YoutubeVideo","urlOrEmbed","playerRef","service","getVideoId","player","playVideo","iframe","f","requestFullScreen","webkitRequestFullScreen","mozRequestFullScreen","msRequestFullscreen","bind","YouTube","opts","playerVars","autoplay","modestbranding","videoId","onReady","MediaBlock","youTubeVideo","embed","MessageGlobal","setActiveIndex","activeIndex","setIsOpen","isMultiLined","setIsMultiLined","isExpandable","setIsExpandable","wasPreviouslyActive","setWasPreviouslyActive","wasActive","fade","setFade","messageHeight","setMessageHeight","titleRef","messageGlobalRef","MINIMUM_HEIGHT","multiLined","becameInactive","becameActive","isNext","computeStyle","moveLeft","initialOpacity","initialVisibility","marginLeft","opacity","hide","h","of","updateHighestMessage","highestMessage","MessageCarousel","messageGlobals","updateIsOpen","messageGlobal","MessageGlobalList","printDescription","defaultPrintMessage","globalMessageContainer","setGlobalMessageContainer","keysFromLocalStorage","prepend","createPortal","NewsletterAdministrationLayout","Validation","fields","field","NewsletterAdminPage","checkboxGroups","inputFieldsTitle","inputFieldsItems","layout","submitButton","unsubscribeLink","validation","checkboxGroup","GenericTextInputGroup","NewsletterRegistrationPage","genericTextInputGroup","inputFields","inputTitle","htmlString","showFormError","showEmailError","setIsValidEmail","inputField","NewsletterCrmRegistrationPage","registrationPage","triedSubmitting","setTriedSubmitting","setOffsetTop","messageRef","NewsletterUnsubscribeConfirmationPage","NewsletterUnsubscribePage","NewsletterUpdatedPage","categoriesTitle","categoriesList","emailTitle","emailText","category","NumberBlock","NumberListBlock","_objectDestructuringEmpty","numb","rectangle","circle","snakeH","snakeV","longH","longV","Shape","Step","setOnHoverData","isVerticallyStyled","activateStep","stepTextRef","textWidth","setTextWidth","isHovering","setIsHovering","clientWidth","onHover","bool","hoverAnimationTrigger","Path","relativeBeziers","menuAnimationTrigger","svgRef","points","setPoints","moveToPoints","setMoveToPoints","resized","animateRef","animationState","setAnimationState","animateIn","hover","isAnimatable","setIsAnimatable","hasMounted","setHasMounted","getPoints","startPx","endPx","curve","localMousePos","spaceAboveCanvas","getLocalMousePos","fromPath","toPath","newPoints","beginElement","stroke","strokeWidth","strokeLinecap","strokeLinejoin","strokeDasharray","attributeName","dur","begin","calcMode","keySplines","keyTimes","mobilePoints","desktopPoints","desktopRelativeBeziers","mobileRelativeBeziers","StepsMenu","setIsDesktop","step","hoverData","setHoverData","hoverAnimation","VideoBlock","playText","StepsBlock","stepIndex","setCurrentIndex","animateLeft","setAnimateLeft","removeTransition","setRemoveTransition","nextPage","currentAndNextPage","pickType","RandomShapes","blockIndex","randomType","coinFlip","colorIndex","isRight","isColumn","QuotesBlock","quotes","stepsContentNode","shouldAnimateIn","setShouldAnimateIn","parallaxScroll","setParallaxScroll","quoteRefs","randomShapesRefs","useLayoutEffect","topPosition","onScroll","quotePositions","nextState","nodePos","needsToUpdate","randomShapePositions","quotee","addQuoteDash","components","videoBlock","stepsBlock","quotesBlock","StepsContent","onClose","activeStepIndex","steps","scrollPos","setScrollPos","activeStepIndexState","setActiveStepIndexState","stepsContentRef","previousUnselected","switchOverlay","getBackgroundColor","blockName","activeStepBlocks","textDesktop","textMobile","getAdditionalProps","NpMethod","stepsContent","menuState","setStepsMenuState","setMenuAnimationTrigger","isOverviewPage","nextSteps","deactiveSteps","OfficeBlockInfo","moreText","OfficeBlock","info","infoItem","TabsMobile","tabs","activeItem","tab","OfficeListBlock","selector","offices","highlightedLinks","PartnerLogoBlock","PersonBlock","company","jobTitle","SectionTitle","sectionLink","PortfolioContent","isInsidePriorityBlock","emptyListText","sectionTitleLinks","extraProps","decreaseTopMargin","PortfolioTile","education","technologies","democracy","industry","food","welfare","health","climate","petroleum","humanities","science","nature","energy","global","ocean","sami","PortfolioTiles","tiles","minimumTileSize","ProcessItem","ProcessCarousel","setNumberOfSlidesToShow","updateNumberOfSlides","responsiveValue","hasNext","hasPrev","hasSideBar","Process","introText","isCarousel","processRef","Status","StepTag","Proposal","dateLabel","mobileDate","ProposalCardList","proposals","proposal","ProposalGroup","headerAccordion","ProposalShortcuts","initiallyOpenUrls","openOnPageLoad","setOpenOnPageLoad","isMatch","RegExp","articleTitle","ProposalListPage","sectionTitle","proposalShortcuts","ProposalData","ProposalContact","detail","TimelineItem","isLast","startAnimation","setStartAnimation","animTime","borderBottom","TimelineHorizontal","leading","observer","disconnect","hasPrevious","Record","shouldFade","hideLine","TimelineVertical","records","numberOfVisibleRecords","isBlock","visibleRecords","hiddenRecords","ContentContainerOrDiv","record","RichTextWithTitle","headingLevelOffset","SimpleTabContentSection","sectionText","subSections","TibiTabContent","menuTitle","contentSections","buildMenuData","tibiTabContent","contentSection","textList","texts","TabContentSection","contentDescription","downloadList","application","moreContent","moreTexts","TabContent","tabContent","TabContentWrapper","tibiContent","tibi","evurderingContent","evurdering","tabId","Tabs","activeTab","initialId","currentTab","setCurrentTab","currentTabIndex","setCurrentTabIndex","scrollToTab","behavior","once","ProposalPage","applyButton","contactLabel","metadataLeft","metadataRight","descriptionTitle","descriptionText","descriptionIngress","timelineHorizontal","timelineVertical","downloadLinks","PublicationsPage","Quote","quoteBy","Ref","refValue","refKey","compRef","effectDependency","sendRef","borders","bottom","RelatedContent","isGrid","itemMinWidth","gridLinkThemes","RelatedArticles","articles","relatedContent","articleTheme","relatedContentProps","article","RelatedDates","MetaData","RelatedPublications","publications","ResponsiveIframe","iframeRef","onLoad","currentTarget","contentWindow","ResponsiveIframePage","RSS","rssHeader","rssInfo","rssButton","SatelliteFrontpage","satelliteHeader","SatelliteHeader","textColor","Schedule","programList","lastTitle","isBreak","Screen9","allow","referrerPolicy","SearchPage","resultDescription","resultDescriptionState","topLine","StatsLink","StatsLinkList","statsLinks","aboutImage","seeMoreLink","statsLink","StatusPage","serviceStatus","statusMessage","isCollapsed","setIsCollapsed","site","skattefunn","projectBank","toggleCollapse","class","TibiProposalData","contacts","rightColumn","arbitrary","gridRowStart","TibiProposalPage","metaDataTitle","arbitraryMetadata","preamble","headerContentArea","footerContentArea","goBack","siblings","listUrl","TimelineHorizontalBlock","Vacancy","Vacancies","shouldHyphenate","setRole","highlightedItem","sethighLightedItem","isColored","background1grey","background2grey","background3grey","isIE","calcIEStyles","margin","borderWidth","isIEBrowser","IEValues","IELogic","Comp","isDOMLoaded","setIsDOMLoaded","documentMode","darkBlue","lowerHalfHeight","setLowerHalfHeight","inlineStyle","errorPage","hasText","setHasText","infoLinks","greyBlue","GroupedSearchPageLink","lowercase","navigation","navigationState","linkListRef","logoWhite","satellite","titleElement","fallbackTheme","articleStyleLinkProps","smallText","outlineButton","condition","MediaWithCaption","MessageGlobalModal","modalRef","isMinimized","setIsMinimized","isModalOpen","setIsModalOpen","disableAnimation","setDisableAnimation","textRef","animationTimer","hideButtonProps","main","hasOverflowingText","setHasOverflowingText","expand","setExpand","setHover","wrapperRef","expandText","getElementsByClassName","accordionProps","ProposalShortcutsContent","shouldOpen","relatedDates","relatedDatesWithShowMoreDates","webpackContext","webpackContextResolve","__webpack_require__","o","code","__webpack_module_cache__","moduleId","cachedModule","loaded","__webpack_modules__","m","O","chunkIds","priority","notFulfilled","Infinity","fulfilled","j","every","r","getter","__esModule","definition","enumerable","g","globalThis","Function","obj","prop","Symbol","toStringTag","nmd","paths","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","chunkLoadingGlobal","__webpack_exports__"],"sourceRoot":""}{title}
}\r\n {items.length > 0 ? (\r\n items.map(event => (\r\n\r\n
\r\n {text}
\r\n \r\n