{"version":3,"file":"FactsSectionBlock.chunk.b2f0845d644326087154.js","mappings":"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","sources":["webpack://Kristiania.Web/./Features/StudyPage/Campus/Sections/FactsSection/FactCard/FactCard.tsx","webpack://Kristiania.Web/./Features/StudyPage/Campus/Sections/FactsSection/FactCard/FactCard.module.css?30c9","webpack://Kristiania.Web/./Features/StudyPage/Campus/Sections/FactsSection/FactsSection.tsx","webpack://Kristiania.Web/./Features/StudyPage/Campus/Sections/FactsSection/FactsSection.module.css?bad8","webpack://Kristiania.Web/./Features/Blocks/FactsSectionBlock/View/FactsSectionBlock.tsx","webpack://Kristiania.Web/./Features/Partials/PillTag/PillTag.module.css?bb60","webpack://Kristiania.Web/./Features/Partials/PillTag/PillTag.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport * as React from 'react';\nimport { useTheme } from '~/Features/Layouts/Theme/Context/ThemeContextProvider';\nimport type { HtmlString } from '~/Features/Types/HtmlString.csharp';\nimport { HtmlDiv } from '~/Partials/Controls/HtmlDiv';\nimport { HtmlHeading } from '~/Partials/Controls/HtmlHeading';\nimport type { IconName } from '~/Partials/SvgIcon/SvgIcon';\nimport { SvgIcon } from '~/Partials/SvgIcon/SvgIcon';\nimport type { Theme } from '~/Utils/Theme';\nimport styles from './FactCard.module.css';\n\nexport interface FactCardProps {\n    title?: HtmlString;\n    iconName?: IconName;\n    content?: HtmlString;\n    theme?: Pick<Theme, 'withRoundedCorners'>;\n}\n\nexport const FactCard: React.FC<FactCardProps> = props => {\n    const contextualTheme = useTheme();\n    const { title, iconName, content, theme = contextualTheme } = props;\n\n    const { withRoundedCorners } = theme;\n\n    return (\n        <div className={classNames(styles.FactCard, withRoundedCorners && styles['Variant--rounded'])}>\n            <div className={styles.Heading}>\n                {iconName && <SvgIcon className={styles.Icon} iconName={iconName}></SvgIcon>}\n                {title && <HtmlHeading type=\"h3\" html={title} className={styles.Title} />}\n            </div>\n            {content && (\n                <HtmlDiv\n                    className={classNames(styles.Content, 'RichtextContent', `RichtextContent--dark`)}\n                    html={content}\n                />\n            )}\n        </div>\n    );\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"FactCard\":\"i9mvzE2ZVt1U_mgl53yZ\",\"Heading\":\"_HPUHJNlNHRSzaUJfTVb\",\"Icon\":\"tA8I0a90PWzmxCh2AhM3\",\"Title\":\"ecyElYvuOSSL_6pZBv9V\",\"Content\":\"cZ1dIE6oJgjjufj0oSwG\",\"Variant--rounded\":\"NBkadhPtSiaEbuC1H71t\"};","import classNames from 'classnames';\nimport uniqueId from 'lodash/uniqueId';\nimport * as React from 'react';\nimport { PageSection } from '~/Features/Layouts/Components/PageSection/PageSection';\nimport { PageSectionHeading } from '~/Features/Layouts/Components/PageSectionHeading/PageSectionHeading';\nimport { PillTag } from '~/Features/Partials/PillTag/PillTag';\nimport type { HtmlString } from '~/Features/Types/HtmlString.csharp';\nimport { List } from '~/Partials/List/List';\nimport type { IconName } from '~/Partials/SvgIcon/SvgIcon';\nimport { SvgIcon } from '~/Partials/SvgIcon/SvgIcon';\nimport type { StrictOmit } from '~/Partials/Utils/typeUtils';\nimport type { FactCardProps } from './FactCard/FactCard';\nimport { FactCard } from './FactCard/FactCard';\nimport styles from './FactsSection.module.css';\n\nexport interface Tag {\n    title: string;\n    value: string;\n    iconName: IconName;\n}\n\nexport interface FactsSectionProps {\n    id: string;\n    facts: StrictOmit<FactCardProps, 'theme'>[];\n    tags: Tag[];\n    title?: HtmlString;\n}\n\nexport const FactsSection: React.FC<FactsSectionProps> = props => {\n    const { id, title, facts, tags } = props;\n\n    const hasFacts = facts.length !== 0;\n    const hasTags = tags.length !== 0;\n\n    return (\n        <PageSection id={id} className={styles.FactsSection}>\n            {title && <PageSectionHeading className={styles.Title} heading={title} />}\n            {hasFacts && (\n                <List\n                    className={classNames(styles.Facts, hasTags && styles['Facts--withSeparator'])}\n                    items={facts}\n                    renderItem={fact => {\n                        const cardId = uniqueId(fact.title?.value);\n\n                        return (\n                            <li key={cardId} className={styles.ListItem}>\n                                <FactCard {...fact} />\n                            </li>\n                        );\n                    }}\n                />\n            )}\n            {hasTags && (\n                <List\n                    className={styles.Tags}\n                    items={tags}\n                    renderItem={tag => {\n                        const tagId = uniqueId(tag.title);\n\n                        return (\n                            <li key={tagId}>\n                                <PillTag type=\"solid\" variant=\"dark\" fontColor=\"light\" title={tag.title}>\n                                    <SvgIcon iconName={tag.iconName} />\n                                    <span className={styles.TagInfo}>{tag.value}</span>\n                                </PillTag>\n                            </li>\n                        );\n                    }}\n                />\n            )}\n        </PageSection>\n    );\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"FactsSection\":\"tDwjVFExbPlqwnaU86Wz\",\"Title\":\"tNNRbfeiPsdi3j_gpC7k\",\"Facts\":\"dE8scaebAaiVDo4BSvWD\",\"ListItem\":\"iIoZpbf7rJjFaPayfYGd\",\"Facts--withSeparator\":\"jQbeCSjNzeFEwKyP9FS0\",\"Tags\":\"KdKtz5eB9ExUSDYJcdj8\",\"TagInfo\":\"usSRVYlqJnoDeG8iYItA\"};","import * as React from 'react';\nimport type { FactsSectionBlockViewModel } from '../ViewModel/FactsSectionBlockViewModel.csharp';\nimport type { FactsSectionProps } from '~/Features/StudyPage/Campus/Sections/FactsSection/FactsSection';\nimport { FactsSection } from '~/Features/StudyPage/Campus/Sections/FactsSection/FactsSection';\n\nconst mapFacts = (facts: FactsSectionBlockViewModel['facts']): FactsSectionProps['facts'] =>\n    facts.map(fact => ({\n        title: fact.title,\n        content: fact.content,\n        iconName: fact.icon,\n    }));\n\nconst mapTags = (tags: FactsSectionBlockViewModel['tags']): FactsSectionProps['tags'] =>\n    tags.map(tag => ({\n        title: tag.title,\n        value: tag.value,\n        iconName: tag.icon,\n    }));\n\nexport const FactsSectionBlock: React.FC<FactsSectionBlockViewModel> = props => {\n    const { id, title, facts, tags } = props;\n\n    return <FactsSection id={id} title={title} facts={mapFacts(facts)} tags={mapTags(tags)} />;\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"PillTag\":\"QfpSu3R9osOn5mtmUmRN\",\"Variant--basic\":\"Iga6BKVCOIbIKJLg1wb5\",\"Variant--xSmall\":\"CGu3fo6V4n8rvQtY5dQ5\",\"Variant--link\":\"CBFAt9vEsMs6Ef1NVotO\",\"LinkLabel\":\"EQIhE5ieMUG9tN9YN86_\",\"Variant--small\":\"jno52DfczcFYoXwAJOAu\",\"Variant--normal\":\"_YiOaSqqzZqBucsGKGGx\",\"Variant--responsiveFromXSmallToSmall\":\"i_x18TfEx_kjFRYVMYNV\",\"Variant--defaultFont\":\"K10DrQZg0Ljzn8q06yUL\",\"Variant--lightFont\":\"EPjsXy4Ah89AtUfpopbN\",\"Variant--redFont\":\"CSqw44gNAWUuQn5nAEDg\",\"Variant--brightRedFont\":\"JFZKwCm93ZF9b4QZBloi\",\"Variant--turquoiseFont\":\"ho_AsZp7pnyvU0aEuiI0\",\"Variant--greyFont\":\"Fc3YhwM3qiZ1A4FTXcCA\",\"Variant--blueFont\":\"kqVAYZpkW0vdVQ8mxp75\",\"Variant--lightBlueFont\":\"YVmiq1HSMu0b9TAQm1mJ\",\"Variant--greenFont\":\"T27rBKbJ7mt07BMDlGo9\",\"Variant--lightGreenFont\":\"O9H6rk53o1ekQFNAuxWg\",\"Variant--yellowFont\":\"ODEi7cyEjUP9PIIDRonC\",\"Variant--lightGreyFont\":\"Ntivk05C5UEuvDQtWztK\",\"Variant--darkRedFont\":\"qhi17gMD2ROz0R8OqUYS\",\"Variant--default\":\"RN56_8vnmQNwz00mGyCO\",\"Variant--solid\":\"U9uDXh99G9DWi_Yh96aO\",\"Variant--dark\":\"lgn5jtFtWmCfY3jJKvE1\",\"Variant--red\":\"VsFopTmCCmSApXbdhQom\",\"Variant--brightRed\":\"ftxYN6Cf0R37irTe8gq3\",\"Variant--turquoise\":\"YuIlrFavmOORgYZil8jK\",\"Variant--grey\":\"AK7QRdIj4UViy_jglQrq\",\"Variant--blue\":\"_rP1cjzAVdEGnSpmwJ5n\",\"Variant--lightBlue\":\"RXdTHCoDDivjBtluNb06\",\"Variant--green\":\"nspvq7AyQk0C3uXdkIyc\",\"Variant--lightGreen\":\"C_ZIPBTbyPsC8bGWagOy\",\"Variant--yellow\":\"uEQY40QHJ5d4r2ff9Bja\",\"Variant--lightGrey\":\"qdmgS7umAD2PiOGAaUYw\",\"Variant--darkRed\":\"Ec8DIxS1MzwW3YxrCTHq\"};","import classNames from 'classnames';\nimport * as React from 'react';\nimport { Link } from '~/Partials/Link/Link';\nimport { LinkType } from '~/Partials/Link/LinkType.csharp';\nimport styles from './PillTag.module.css';\nimport type { PillTagFontColor } from './PillTagFontColor';\nimport type { PillTagSize } from './PillTagSize';\nimport type { PillTagType } from './PillTagType';\nimport type { PillTagVariant } from './PillTagVariant';\n\nexport interface PillTagProps {\n    title?: string;\n    variant?: PillTagVariant;\n    type?: PillTagType;\n    size?: PillTagSize;\n    href?: string;\n    fontColor?: PillTagFontColor;\n    className?: string;\n}\n\nexport const PillTag: React.FC<React.PropsWithChildren<PillTagProps>> = props => {\n    const {\n        title,\n        href,\n        children,\n        className,\n        variant = 'default',\n        size = 'normal',\n        type = 'solid',\n        fontColor = 'default',\n    } = props;\n\n    const baseProps = {\n        className: classNames(\n            styles.PillTag,\n            styles[`Variant--${variant}`],\n            styles[`Variant--${size}`],\n            styles[`Variant--${type}`],\n            styles[`Variant--${fontColor}Font`],\n            href ? styles['Variant--link'] : styles['Variant--basic'],\n            className\n        ),\n        title,\n    };\n\n    if (href) {\n        return (\n            <Link href={href} {...baseProps} type={LinkType.Clear} labelClassName={styles.LinkLabel}>\n                {children}\n            </Link>\n        );\n    }\n\n    return <div {...baseProps}>{children}</div>;\n};\n"],"names":["FactCard","props","contextualTheme","useTheme","title","iconName","content","theme","withRoundedCorners","React","className","classNames","SvgIcon","HtmlHeading","type","html","HtmlDiv","FactsSection","id","facts","tags","hasFacts","length","hasTags","PageSection","PageSectionHeading","heading","List","items","renderItem","fact","_fact$title","cardId","uniqueId","value","key","tag","tagId","PillTag","variant","fontColor","mapFacts","map","icon","mapTags","FactsSectionBlock","href","children","size","baseProps","styles","concat","Link","_extends","LinkType","Clear","labelClassName","LinkLabel"],"sourceRoot":""}