classnamae. */\r\n classes: T.string,\r\n /** Error message. */\r\n error: T.node,\r\n /** Used for defaultValue prop (react) */\r\n value: T.oneOfType([T.string, T.number]),\r\n};\r\n\r\nexport default Input;\r\n","import React from 'react';\r\nimport { string, bool, node } from 'prop-types';\r\nimport Modal, { OpenModalButton } from '../Modal';\r\nimport FullscreenModal from '../Modal/fullscreen-modal';\r\n\r\nconst ZoomContainer = (props) => {\r\n return (\r\n
\r\n \r\n \r\n {props.OpenZoomButtonText && (\r\n \r\n {props.OpenZoomButtonText}\r\n \r\n )}\r\n \r\n \r\n {props.children}\r\n \r\n \r\n {props.children}\r\n
\r\n );\r\n};\r\n\r\nZoomContainer.propTypes = {\r\n /** Show the open modal button text or not.\r\n * Will still be visible to screenreaders if set to false\r\n */\r\n showOpenModalText: bool,\r\n /** Show the close modal button text or not\r\n * Will still be visible to screenreaders if set to false\r\n */\r\n showCloseModalText: bool,\r\n /** Body of the content */\r\n children: node,\r\n /** If you want the zoomcontent to be fullscreen or not */\r\n fullScreen: bool,\r\n /** The component id, used to identify which component to open */\r\n id: string,\r\n /** Button text for the open modal button */\r\n OpenZoomButtonText: string\r\n}\r\n\r\nexport default ZoomContainer;\r\n","import React from 'react';\r\nimport T from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { isMediumViewport } from '../Hooks/useMedia';\r\n\r\nconst ListSelect = (props) => {\r\n if (typeof window === 'undefined') return null;\r\n\r\n const getUrl = (event, url) => {\r\n event.preventDefault();\r\n const activeAnchor = window.document.querySelector('.current');\r\n const currentLevel = activeAnchor\r\n ? activeAnchor.getAttribute('href')\r\n : null;\r\n if (currentLevel) {\r\n window.open(url + currentLevel, '_self');\r\n } else {\r\n window.open(url, '_self');\r\n }\r\n };\r\n\r\n return (\r\n
\r\n {props.Label && (\r\n
\r\n {props.Label}\r\n \r\n )}\r\n {props.Items && (\r\n
\r\n {props.Items.map((item, index) => {\r\n const linkClasses = classNames({\r\n 'c-listselect__list__item__link': true,\r\n 'c-listselect__list__item__link--active': item.Selected,\r\n 'c-listselect__list__item__link--inactive': !item.Url,\r\n });\r\n\r\n return (\r\n \r\n {item.Url ? (\r\n getUrl(e, item.Url)}\r\n className={linkClasses}\r\n >\r\n {item.Title}\r\n \r\n ) : (\r\n <>\r\n \r\n {item.Title}\r\n {item.Tooltip && !isMediumViewport() && (\r\n {item.Tooltip}\r\n )}\r\n \r\n {item.Tooltip && !isMediumViewport() && (\r\n \r\n {item.Tooltip}\r\n
\r\n )}\r\n {item.Tooltip && isMediumViewport() && (\r\n \r\n {item.Tooltip}\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\nListSelect.propTypes = {\r\n Label: T.string,\r\n Items: T.arrayOf(\r\n T.shape({\r\n Title: T.string,\r\n Selected: T.bool,\r\n Url: T.string,\r\n Tooltip: T.string,\r\n })\r\n ),\r\n};\r\n\r\nexport default ListSelect;\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\n\r\nconst Item = (item) => {\r\n const classes = classNames({\r\n 'c-localnav__list__item': true,\r\n 'c-localnav__list__item--has-children': !!item.Children,\r\n 'c-localnav__list__item--is-selected': item.IsCurrentPage,\r\n 'c-localnav__list__item--is-open': item.ActivePath,\r\n });\r\n\r\n const secondLevel =\r\n item.Children &&\r\n item.Children.map((child, index) => (\r\n
\r\n \r\n {child.Text}\r\n \r\n \r\n ));\r\n\r\n return (\r\n \r\n \r\n {item.Text}\r\n \r\n {item.Children && (\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Item;\r\n","import React, { Fragment } from 'react';\r\nimport { ModalPanel, CloseModalButton } from './index';\r\n\r\nconst FullscreenModalInner = ({\r\n classModifier,\r\n id,\r\n children,\r\n showCloseModalText,\r\n ...props\r\n}) => {\r\n return (\r\n \r\n
\r\n
\r\n \r\n Stäng\r\n \r\n {React.cloneElement(children, { ...props })}\r\n
\r\n
\r\n
\r\n {props.Breadcrumbs.map((breadcrumb, index) => {\r\n return (\r\n - \r\n {!breadcrumb.CurrentPage ? (\r\n {breadcrumb.Text}\r\n ) : (\r\n \r\n {breadcrumb.Text}\r\n \r\n )}\r\n
\r\n );\r\n })}\r\n
\r\n \r\n );\r\n};\r\n\r\nBreadCrumb.propTypes = {\r\n Breadcrumbs: arrayOf(\r\n shape({\r\n /** Breadcrumb text */\r\n Text: node.isRequired,\r\n /** Should item be rendered as a link */\r\n HasLink: bool,\r\n /** Link - required if HasLink is true */\r\n Url: string,\r\n })\r\n ),\r\n /** First item in the list */\r\n Label: string,\r\n /** Classnames compatible object */\r\n Modifiers: object,\r\n /**Language for screen reader purpose */\r\n Language: string,\r\n};\r\n\r\nexport default BreadCrumb;\r\n","import React, { useState, useContext } from 'react';\r\nimport * as Cookies from '../Base/Cookies';\r\nimport { CookieContext } from '../Context/cookies';\r\n\r\nconst COOKIE_NAME = 'showSensitiveImages';\r\nexport default (WrappedComponent) => {\r\n const SensitiveImage = (props) => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n const handleShowSensitiveImages = (cookieContext) => {\r\n if (cookieContext.isAllowed('ShowSensitiveImagesCookie')) {\r\n Cookies.eraseCookie(COOKIE_NAME);\r\n Cookies.createCookie(COOKIE_NAME, 'true');\r\n }\r\n\r\n setIsLoading(true);\r\n\r\n setTimeout(() => {\r\n location.reload();\r\n }, 1200);\r\n };\r\n\r\n const cookieContext = useContext(CookieContext);\r\n\r\n const cookieData = props.CurrentPageProps.cookies;\r\n const hideSensitiveImage =\r\n Cookies.parseCookieData(COOKIE_NAME, cookieData) === 'false' &&\r\n props.IsSensitiveInContext &&\r\n props.CurrentPageProps.IsEditMode === false;\r\n\r\n return (\r\n \r\n handleShowSensitiveImages(cookieContext)\r\n }\r\n showSensitiveImageIsLoading={isLoading}\r\n />\r\n );\r\n };\r\n\r\n return SensitiveImage;\r\n};\r\n","import React, { useRef, useState, useEffect } from 'react';\r\nimport classNames from 'classnames';\r\nimport { getAriaDescribedBy } from './helpers';\r\n\r\nconst Textarea = (props) => {\r\n const [charsLeft, setCharsLeft] = useState(\r\n props.maxLength && props.value\r\n ? props.maxLength - props.value.length\r\n : props.maxLength\r\n );\r\n\r\n const textarea = useRef();\r\n\r\n function getValue() {\r\n return textarea.current.value;\r\n }\r\n\r\n function getCharsLeft() {\r\n return props.maxLength ? props.maxLength - getLength() : null;\r\n }\r\n\r\n function getLength() {\r\n return getValue().length;\r\n }\r\n\r\n useEffect(() => {\r\n setCharsLeft(getCharsLeft());\r\n }, []);\r\n\r\n function handleKeyUp() {\r\n setCharsLeft(getCharsLeft());\r\n }\r\n\r\n const {\r\n value,\r\n className,\r\n classes,\r\n removeFocus,\r\n disabled,\r\n children,\r\n onBlur,\r\n maxLength,\r\n error,\r\n maxLengthTranslation,\r\n name,\r\n ...rest\r\n } = props;\r\n\r\n const charsClasses = classNames({\r\n [`${className}__chars`]: true,\r\n [`${className}__chars--disabled`]: disabled,\r\n });\r\n\r\n return (\r\n \r\n {children}\r\n {maxLength && (\r\n
\r\n {charsLeft} {maxLengthTranslation}\r\n \r\n )}\r\n
\r\n {\r\n removeFocus();\r\n onBlur(e);\r\n }}\r\n onKeyUp={() => {\r\n handleKeyUp();\r\n }}\r\n {...rest}\r\n />\r\n
\r\n {error}\r\n
\r\n
\r\n {props.children}\r\n