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 { callIfFunction } from '../Helpers/helpers';\r\nimport { getAriaDescribedBy } from './helpers';\r\n\r\nconst Select = (props) => {\r\n const { classes, error, removeFocus, onBlur, children, name, ...rest } =\r\n props;\r\n\r\n return (\r\n
\r\n
\r\n {\r\n callIfFunction(removeFocus);\r\n callIfFunction(onBlur, e);\r\n }}\r\n {...getAriaDescribedBy(error, name)}\r\n {...rest}\r\n >\r\n {children}\r\n \r\n
\r\n {error}\r\n
\r\n );\r\n};\r\n\r\nexport default Select;\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};\r\n\r\nexport default Textarea;\r\n","export const throttle = (func, limit) => {\r\n let lastFunc;\r\n let lastRan;\r\n return function () {\r\n const context = this;\r\n const args = arguments;\r\n if (!lastRan) {\r\n func.apply(context, args);\r\n lastRan = Date.now();\r\n } else {\r\n clearTimeout(lastFunc);\r\n lastFunc = setTimeout(function () {\r\n if (Date.now() - lastRan >= limit) {\r\n func.apply(context, args);\r\n lastRan = Date.now();\r\n }\r\n }, limit - (Date.now() - lastRan));\r\n }\r\n };\r\n};\r\n\r\nexport const debounce = (fn, delay) => {\r\n let timerId;\r\n return (...args) => {\r\n clearTimeout(timerId);\r\n timerId = setTimeout(() => fn(...args), delay);\r\n };\r\n};\r\n\r\nexport function log(type = 'log', ...msg) {\r\n // Do not log in production.\r\n if (process.env.NODE_ENV === 'production') return () => {};\r\n // Default to log function if we try to send something else\r\n if (typeof console[type] !== 'function') type = 'log';\r\n // if we pass a message log directly (will not give correct file and linenumer in console)\r\n if (msg && msg.length > 0) {\r\n return console[type](...msg);\r\n }\r\n // return console function to be run by caller.\r\n return console[type];\r\n}\r\n\r\nexport function callIfFunction(fn, ...args) {\r\n if (typeof fn === 'function') {\r\n return fn(...args);\r\n }\r\n return;\r\n}\r\n\r\n/**\r\n * Convert object to string and compare them.\r\n * Not recommended but can be useful in certain situations.\r\n */\r\nexport function jsonStringifyIsEqual(obj1, obj2) {\r\n return JSON.stringify(obj1) === JSON.stringify(obj2);\r\n}\r\n\r\n/**\r\n * Check if param is an empty object.\r\n * `isEmptyObject({}) // true`\r\n */\r\nexport function isEmptyObject(v) {\r\n for (var key in v) {\r\n if (Object.prototype.hasOwnProperty.call(v, key)) return false;\r\n }\r\n return true;\r\n}\r\n\r\n/**\r\n * Check if param is an empty string.\r\n * `isEmptyString(\"\") // true`\r\n */\r\nexport function isEmptyString(v) {\r\n if (typeof v === 'string' && v === '') return true;\r\n return false;\r\n}\r\n\r\n/**\r\n * Check if param is an empty array.\r\n * `isEmptyArray([]) // true`\r\n */\r\nexport function isEmptyArray(v) {\r\n if (Array.isArray(v) && v.length === 0) return true;\r\n return false;\r\n}\r\n\r\n/**\r\n * Check if param is falsy or empty array, object or string.\r\n ```js\r\n isFalseOrEmpty(\"\") == true\r\n isFalseOrEmpty([]) == true\r\n isFalseOrEmpty({}) == true\r\n isFalseOrEmpty(null) == true\r\n isFalseOrEmpty(undefined) == true\r\n isFalseOrEmpty(false) == true\r\n isFalseOrEmpty(0) == false\r\n ```\r\n */\r\nexport function isFalseOrEmpty(v) {\r\n if (v === 0) return false;\r\n if (!v) return true;\r\n return isEmptyString(v) || isEmptyArray(v) || isEmptyObject(v);\r\n}\r\n\r\n/**\r\n * Make first char of string uppercase.\r\n */\r\nexport function capitalize(s) {\r\n if (typeof s !== 'string') return '';\r\n return s.charAt(0).toUpperCase() + s.slice(1);\r\n}\r\n\r\nexport function preloadedState() {\r\n if (typeof window === 'undefined') {\r\n return {};\r\n }\r\n if (window.__PRELOADED_STATE__) {\r\n return window.__PRELOADED_STATE__;\r\n }\r\n return {};\r\n}\r\n\r\nexport function useSweLang(lang) {\r\n if (lang == 'sv' || lang == 'sv-SE-x-ll' || lang == 'swl') {\r\n return null;\r\n }\r\n return 'sv';\r\n}\r\n\r\nexport const getCurrentRegion = () => {\r\n const { Regionalization } = preloadedState();\r\n\r\n if (\r\n Regionalization &&\r\n Regionalization.Regions &&\r\n Regionalization.Regions.Options &&\r\n Regionalization.Regions.Options.length > 0\r\n ) {\r\n return Regionalization.Regions.Options.find((opt) => opt.Selected === true);\r\n }\r\n\r\n return null;\r\n};\r\n\r\n/**\r\n * Strips html tags from a string.\r\n */\r\nexport const stripHtml = (text) => {\r\n const doc = new DOMParser().parseFromString(text, 'text/html');\r\n return doc.body.textContent || '';\r\n}\r\n","import { useState, useEffect } from 'react';\r\n\r\n/**\r\n * This hook makes it possible to utilize media queries in your component logic.\r\n * Will run on component mount and unmount.\r\n *\r\n * {@link https://usehooks.com/useMedia/}\r\n *\r\n */\r\nexport default function useMedia(queries, values, defaultValue) {\r\n if (typeof window === 'undefined') return;\r\n\r\n // Array containing a media query list for each query\r\n const mediaQueryLists = queries.map((q) => window.matchMedia(q));\r\n\r\n // Function that gets value based on matching media query\r\n const getValue = () => {\r\n // Get index of first media query that matches\r\n const index = mediaQueryLists.findIndex((mql) => mql.matches);\r\n // Return related value or defaultValue if none\r\n return typeof values[index] !== 'undefined' ? values[index] : defaultValue;\r\n };\r\n\r\n // State and setter for matched value\r\n const [value, setValue] = useState(getValue);\r\n\r\n useEffect(\r\n () => {\r\n // Event listener callback\r\n // Note: By defining getValue outside of useEffect we ensure that it has ...\r\n // ... current values of hook args (as this hook callback is created once on mount).\r\n const handler = () => setValue(getValue);\r\n // Set a listener for each media query with above handler as callback.\r\n mediaQueryLists.forEach((mql) => mql.addListener(handler));\r\n // Remove listeners on cleanup\r\n return () =>\r\n mediaQueryLists.forEach((mql) => mql.removeListener(handler));\r\n },\r\n [] // Empty array ensures effect is only run on mount and unmount\r\n );\r\n\r\n return value;\r\n}\r\n\r\nexport function isSmallViewport() {\r\n const isSmallViewport = useMedia(['(max-width: 768px)'], [true], false);\r\n return isSmallViewport;\r\n}\r\n\r\nexport function isMediumViewport() {\r\n const isMediumViewport = useMedia(['(max-width: 1025px)'], [true], false);\r\n return isMediumViewport;\r\n}\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport SemanticHeader from '../Chapter/semantic-header';\r\nimport A from '../Anchor';\r\n\r\nconst Linklist = (props) => {\r\n if (!props.Links) return null;\r\n\r\n const componentClass = props.className ? `${props.className}` : 'c-linklist';\r\n\r\n const listContainerClass = classNames({\r\n [componentClass]: true,\r\n ...props.Modifiers,\r\n });\r\n\r\n const listItems = props.Links.map((item, index) => {\r\n const listItemClass = classNames(item.className, {\r\n [`${componentClass}__link`]: true,\r\n });\r\n const itemAttr = {\r\n id: item.id,\r\n href: item.Href,\r\n lang: item.Language != 'sv' ? item.Language : null,\r\n className: listItemClass,\r\n NewTab: item.NewTab,\r\n hasIcon: item.NewTab,\r\n };\r\n\r\n if (item.Icon) {\r\n itemAttr['data-icon'] = item.Icon;\r\n }\r\n\r\n if (item.onClick) {\r\n itemAttr.onClick = (e) => {\r\n if (item.onClick) item.onClick(e);\r\n };\r\n }\r\n\r\n return (\r\n
\r\n \r\n {item.Text}\r\n \r\n \r\n );\r\n });\r\n\r\n const dataPrintSidebarTitle = props.Heading || props.CurrentPageProps?.Content?.Translations?.linklistblock || '';\r\n const listContainer = \"link-list-container\"\r\n\r\n return (\r\n
\r\n {props.Heading && (\r\n
\r\n {props.Heading}\r\n \r\n )}\r\n \r\n {listItems}\r\n {props.ListChildren}\r\n
\r\n {props.children}\r\n \r\n );\r\n};\r\n\r\nLinklist.defaultProps = {\r\n ListChildren: null,\r\n};\r\n\r\nexport default Linklist;\r\n","import React, { useState, useEffect } from 'react';\r\nimport proptypes from 'prop-types';\r\n\r\nconst HoverModal = (props) => {\r\n const [showModal, setShowModal] = useState(false);\r\n\r\n /** How to use\r\n * Add position relative to the main element\r\n * where the hoverbox should be attached to.\r\n * Include the modal and specify element and triggerelement\r\n * Ex: @include HoverModal('hover-modal', 'button');\r\n **/\r\n\r\n useEffect(() => {\r\n const element = document.getElementById(props.ElementId);\r\n\r\n element.onclick = () => {\r\n setShowModal(false);\r\n };\r\n element.onmouseover = () => {\r\n setShowModal(!props.isHidden);\r\n };\r\n element.onmouseout = () => {\r\n setShowModal(false);\r\n };\r\n element.onblur = () => {\r\n setShowModal(false);\r\n };\r\n element.onfocus = () => {\r\n setShowModal(!props.isHidden);\r\n };\r\n }, []);\r\n\r\n const { Heading, Description, Id } = props;\r\n\r\n if (!showModal) return null;\r\n return (\r\n
\r\n {Heading &&
}\r\n {Description &&
}\r\n
\r\n );\r\n};\r\n\r\nHoverModal.propTypes = {\r\n Heading: proptypes.string,\r\n Description: proptypes.string,\r\n Id: proptypes.string,\r\n};\r\n\r\nexport default HoverModal;\r\n","const initialState = {};\r\n\r\nconst appendSearchHits = (state, action) => {\r\n //Remove or add SearchHits\r\n if (\r\n (action.payload.NextPage && state.NextPage > action.payload.NextPage) ||\r\n !state.NextPage\r\n ) {\r\n const index = state.SearchHits.length - action.payload.SearchHits.length;\r\n //patch browser\r\n if (index < 1) return [...action.payload.SearchHits];\r\n\r\n state.SearchHits.length = index;\r\n return [...state.SearchHits];\r\n }\r\n\r\n return [...state.SearchHits, ...action.payload.SearchHits];\r\n};\r\n\r\nexport const search = (state = initialState, action = {}) => {\r\n switch (action.type) {\r\n case 'LOADING':\r\n return Object.assign({}, state, {\r\n isLoading: true,\r\n });\r\n\r\n case 'LOAD_MORE':\r\n return Object.assign({}, state, {\r\n ...action.payload,\r\n isLoading: false,\r\n SearchHits: appendSearchHits(state, action),\r\n });\r\n case 'FILTER':\r\n return Object.assign({}, action.payload, {\r\n isLoading: false,\r\n });\r\n case 'AUTOCOMPLETE':\r\n return Object.assign({}, state, {\r\n Hits: action.payload ? action.payload : [],\r\n isVisible: action.payload !== null,\r\n currentIndexObject: action.currentIndexObject,\r\n isLoading: false,\r\n error: false,\r\n });\r\n case 'HIDE_AUTOCOMPLETE':\r\n return Object.assign({}, state, {\r\n isVisible: false,\r\n });\r\n case 'OPTION_INDEX_AUTOCOMPLETE':\r\n return Object.assign({}, state, {\r\n index: action.index,\r\n value: action.selectedValue,\r\n currentIndexObject: action.currentIndexObject,\r\n isVisible: true,\r\n });\r\n case 'OPTION_SELECT_AUTOCOMPLETE':\r\n return Object.assign({}, state, {\r\n value: action.selectedValue,\r\n selectedObject: action.selectedObject,\r\n currentIndexObject: action.currentIndexObject,\r\n isVisible: false,\r\n });\r\n case 'ONCHANGE':\r\n return Object.assign({}, state, {\r\n index: action.index,\r\n value: action.value,\r\n Hits: action.Hits,\r\n selectedObject: action.selectedObject,\r\n });\r\n case 'SEARCH':\r\n return Object.assign({}, action.payload, {\r\n isLoading: false,\r\n });\r\n case 'ERROR':\r\n return Object.assign({}, action.payload, {\r\n isLoading: false,\r\n error: true,\r\n });\r\n default:\r\n return state;\r\n }\r\n};\r\n","import classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport React, { useEffect } from 'react';\r\nimport withAutocomplete from '../Containers/withAutocomplete';\r\nimport { isMediumViewport } from '../Hooks/useMedia';\r\n\r\n/**\r\n * Repo: PWT-PlattformUI\r\n *\r\n * Containers: withAutocomplete\r\n *\r\n * Sites: 1177, RGS\r\n *\r\n * @description Search field used in the global page search.\r\n *\r\n */\r\nconst SearchField = ({\r\n hasNoAutocomplete,\r\n handleKeyDown,\r\n handleChange,\r\n handleBlur,\r\n Suggestions = {},\r\n id,\r\n searchUrl,\r\n className,\r\n defaultValue,\r\n placeholder,\r\n hasQuickSearch,\r\n showSearchHitsHeadingSuffix,\r\n}) => {\r\n let selectedTerm = null;\r\n\r\n const isMobileViewport = isMediumViewport();\r\n\r\n useEffect(() => {\r\n document.body.classList.remove('no-scroll');\r\n if (Suggestions.Hits?.SearchHits?.length > 5 && isMobileViewport) {\r\n document.body.classList.add('no-scroll');\r\n }\r\n }, [Suggestions.Hits]);\r\n\r\n if (hasNoAutocomplete) {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n const suggestionsArray = hasQuickSearch\r\n ? Suggestions.Hits.AutoComplete\r\n : Suggestions.Hits;\r\n\r\n const suggest =\r\n Array.isArray(suggestionsArray) &&\r\n suggestionsArray.map((term, index) => {\r\n const itemClass = classNames({\r\n 'c-search__autocomplete__item': !hasQuickSearch,\r\n 'c-search__autocomplete__item--is-selected':\r\n !hasQuickSearch && Suggestions.index === index,\r\n 'c-search__quicksearch__autocomplete__item': hasQuickSearch,\r\n 'c-search__quicksearch__autocomplete__item--is-selected':\r\n hasQuickSearch && Suggestions.index === index,\r\n });\r\n\r\n if (Suggestions.index === index) selectedTerm = term;\r\n\r\n return (\r\n
\r\n {term}\r\n \r\n );\r\n });\r\n\r\n const searchHits =\r\n Array.isArray(Suggestions.Hits.SearchHits) &&\r\n Suggestions.Hits.SearchHits.map((term, index) => {\r\n const quickSearchClasses = classNames({\r\n 'c-search__quicksearch__search-hits__information-type': true,\r\n 'c-search__quicksearch__search-hits__information-type--1001':\r\n term.InformationType?.Key === '1001',\r\n 'c-search__quicksearch__search-hits__information-type--1002':\r\n term.InformationType?.Key === '1002',\r\n 'c-search__quicksearch__search-hits__information-type--1003':\r\n term.InformationType?.Key === '1003',\r\n 'c-search__quicksearch__search-hits__information-type--1004':\r\n term.InformationType?.Key === '1004',\r\n });\r\n\r\n return (\r\n
\r\n \r\n \r\n {term.Heading}\r\n \r\n {term.InformationType?.Key !== 'article' && (\r\n \r\n {term.InformationType.Value}\r\n \r\n )}\r\n \r\n {term.SelectionCode &&\r\n term.SelectionCode !== 'none' &&\r\n (term.PrimaryCareUrl || term.SpecializedCareUrl) && (\r\n \r\n {term.PrimaryCareUrl && term.SpecializedCareUrl ? (\r\n <>\r\n \r\n Primärvård\r\n {' '}\r\n \r\n Specialiserad vård\r\n \r\n \r\n ) : term.PrimaryCareUrl ? (\r\n Primärvård\r\n ) : (\r\n Specialiserad vård\r\n )}\r\n \r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n handleKeyDown(e)}\r\n onChange={(e) => handleChange(e)}\r\n onBlur={(e) => handleBlur(e)}\r\n type=\"text\"\r\n id={id}\r\n name=\"q\"\r\n placeholder={placeholder}\r\n className={`${className}__field__query`}\r\n data-cy=\"ui-searchform-input\"\r\n />\r\n {hasQuickSearch &&\r\n Suggestions.isVisible &&\r\n (Suggestions.Hits.AutoComplete?.length > 0 ||\r\n Suggestions.Hits.SearchHits?.length > 0) && (\r\n \r\n {Suggestions.Hits.AutoComplete?.length > 0 && (\r\n \r\n \r\n {Suggestions.Hits.AutoCompleteLabel}\r\n \r\n {suggest}\r\n
\r\n )}\r\n {Suggestions.Hits.SearchHits?.length > 0 && (\r\n \r\n \r\n {Suggestions.Hits.SearchHitsHeading}{' '}\r\n {showSearchHitsHeadingSuffix &&\r\n Suggestions.Hits?.SearchHitsSuffix}\r\n
\r\n {searchHits}\r\n
\r\n )}\r\n \r\n {Suggestions.Hits.ButtonText}\r\n \r\n