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, node, bool } from 'prop-types';\r\n\r\nconst Label = (props) => {\r\n return (\r\n
\r\n );\r\n};\r\n\r\nexport const propTypes = {\r\n label: node,\r\n children: node,\r\n required: bool,\r\n className: string,\r\n htmlFor: string,\r\n};\r\n\r\nLabel.propTypes = propTypes;\r\n\r\nexport default Label;\r\n","import { node } from 'prop-types';\r\n\r\nconst Radio = (props) => {\r\n return props.children;\r\n};\r\n\r\nRadio.propTypes = {\r\n /** The only thing that renders */\r\n children: node,\r\n};\r\n\r\nexport default Radio;\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","import classNames from 'classnames';\r\nimport { object, string, array } from 'prop-types';\r\nimport React from 'react';\r\nimport LinkButton from '../Buttons/LinkButton';\r\nimport SemanticHeader from '../Chapter/semantic-header';\r\n\r\nconst HighLight = (props) => {\r\n const {\r\n SelectedType,\r\n SelectedIcon,\r\n SelectedBackgroundColor,\r\n Buttons,\r\n Heading,\r\n ContentString,\r\n isMemberOfChapterContainer,\r\n isH3,\r\n } = props;\r\n const classes = classNames({\r\n 'c-highlight': true,\r\n [`c-highlight--${SelectedType}`]: SelectedType,\r\n [`c-highlight--${SelectedIcon}`]: SelectedIcon,\r\n [`c-highlight--${SelectedBackgroundColor}`]: SelectedBackgroundColor,\r\n });\r\n\r\n const dataPrintSidebarTitle =\r\n Heading ||\r\n props.CurrentPageProps?.Content?.Translations?.highlightblock ||\r\n '';\r\n return (\r\n
\r\n {Heading && (\r\n \r\n {Heading}\r\n \r\n )}\r\n {ContentString}
\r\n {Buttons && Buttons[0] && (\r\n \r\n \r\n {Buttons[1] && (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nHighLight.propTypes = {\r\n SelectedType: string,\r\n SelectedIcon: string,\r\n SelectedBackgroundColor: string,\r\n Buttons: array,\r\n Heading: string,\r\n ContentString: object,\r\n};\r\n\r\nexport default HighLight;\r\n","import { useEffect, useRef } from 'react';\r\n\r\n/**\r\n * Custom hook for creating Matomo track-events. The event-parameters corresponds to their Matomo equivalents. (e.g., eventCategory = Event Category)\r\n * @param {string} eventCategory - The category of the tracked event.\r\n * @param {string} eventAction - The action associated with the event.\r\n * @param {string} eventName - The name of the event.\r\n * @param {number} eventValue - The value to track (e.g., an index).\r\n * @param {number} debounceTime - Debounce time in milliseconds.\r\n */\r\nconst useMatomoTrackEventOnChange = (\r\n eventCategory,\r\n eventAction,\r\n eventName,\r\n eventValue,\r\n debounceTime = 300\r\n) => {\r\n if (\r\n typeof window === undefined ||\r\n !eventCategory ||\r\n !eventAction ||\r\n !eventName ||\r\n eventValue == null\r\n ) {\r\n return;\r\n }\r\n\r\n const timeoutRef = useRef(null);\r\n const eventValueUnchanged = useRef(true);\r\n\r\n useEffect(() => {\r\n if (eventValueUnchanged.current) {\r\n eventValueUnchanged.current = false;\r\n return;\r\n }\r\n\r\n clearTimeout(timeoutRef.current);\r\n\r\n timeoutRef.current = setTimeout(() => {\r\n window?._paq?.push([\r\n 'trackEvent',\r\n eventCategory,\r\n eventAction,\r\n eventName,\r\n eventValue,\r\n ]);\r\n }, debounceTime);\r\n\r\n return () => {\r\n clearTimeout(timeoutRef.current);\r\n };\r\n }, [eventCategory, eventAction, eventValue]);\r\n};\r\n\r\nexport default useMatomoTrackEventOnChange;\r\n","import { useState } from 'react';\r\n\r\nfunction usePagination(data, itemsPerPage, keepPreviousPages = false) {\r\n const [currentPage, setCurrentPage] = useState(1);\r\n const maxPage = Math.ceil(data.length / itemsPerPage);\r\n\r\n function currentData() {\r\n const begin = keepPreviousPages ? 0 : (currentPage - 1) * itemsPerPage;\r\n const end = keepPreviousPages\r\n ? itemsPerPage * currentPage\r\n : begin + itemsPerPage;\r\n return data.slice(begin, end);\r\n }\r\n\r\n function next() {\r\n setCurrentPage((currentPage) => Math.min(currentPage + 1, maxPage));\r\n }\r\n\r\n function prev() {\r\n setCurrentPage((currentPage) => Math.max(currentPage - 1, 1));\r\n }\r\n\r\n function jump(page) {\r\n const pageNumber = Math.max(1, page);\r\n setCurrentPage(() => Math.min(pageNumber, maxPage));\r\n }\r\n\r\n return { next, prev, jump, currentData, currentPage, maxPage };\r\n}\r\n\r\nexport default usePagination;\r\n","//TODO: använd plattformens Image komponent!\r\nimport React from 'react';\r\nimport classNames from 'classnames';\r\nimport Image from '../Image';\r\nimport ImageZoom from '../ImageZoom';\r\nimport { withRouter } from 'react-router';\r\n\r\nconst ImageBlock = ({\r\n ImageUrl,\r\n ImageDescription,\r\n ImageText,\r\n UniqueBlockId,\r\n Modifiers = null,\r\n ShowCaption = true,\r\n ShowPhotoCred = false,\r\n UseZoom,\r\n Translations = {},\r\n Sizes = {\r\n sizes: '(min-width: 1025px) 900px, 100vw',\r\n },\r\n ...props\r\n}) => {\r\n const classes = classNames({\r\n 'c-imageblock': true,\r\n 'c-imageblock--is-sensitive': props.hideSensitiveImage,\r\n ...Modifiers,\r\n });\r\n\r\n const btnClasses = classNames({\r\n 'c-imageblock__sensitive__button': true,\r\n 'c-imageblock__sensitive__button--is-loading':\r\n props.showSensitiveImageIsLoading,\r\n });\r\n\r\n if (props.location.search.includes('ThrowTestError=true')) {\r\n throw new Error('This is a test');\r\n }\r\n\r\n const dataPrintSidebarTitle = props.CurrentPageProps?.Content?.Translations?.imageblock || '';\r\n\r\n return (\r\n \r\n {props.hideSensitiveImage && (\r\n \r\n
\r\n \r\n {Translations.sensetiveheading}\r\n \r\n \r\n {ImageDescription}\r\n \r\n \r\n {props.showSensitiveImageIsLoading &&\r\n props.SensitiveImageLoadingIcon}\r\n \r\n {\r\n props.CurrentPageProps.Content.Translations\r\n .showsensetiveimages\r\n }\r\n \r\n \r\n
\r\n
\r\n {props.Photographer && (\r\n
\r\n {Translations.photographer + props.Photographer}\r\n
\r\n )}\r\n {props.Illustrator && (\r\n
\r\n {Translations.illustrator + props.Illustrator}\r\n
\r\n )}\r\n
\r\n
handleClick(e)}\r\n aria-controls={UniqueBlockId}\r\n aria-expanded={isZoomed}\r\n href={ImageUrl}\r\n >\r\n {props.children}\r\n Förstora bilden\r\n \r\n\r\n handleClick(e)}\r\n >\r\n e.stopPropagation()}\r\n tabIndex=\"-1\"\r\n className=\"c-imageblock__zoom__image\"\r\n >\r\n {isZoomed && (\r\n \r\n \r\n \r\n\r\n {ShowCaption &&\r\n (ImageText ||\r\n (ShowPhotoCred &&\r\n (props.Photographer || props.Illustrator))) && (\r\n \r\n {ImageText}\r\n \r\n )}\r\n \r\n handleClick(e)}\r\n aria-controls={UniqueBlockId}\r\n aria-expanded={isZoomed}\r\n >\r\n Stäng\r\n \r\n
\r\n )}\r\n