{"version":3,"file":"ContentList.chunk.d490c1c69910e7598250.js","mappings":"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","sources":["webpack://Kristiania.Web/./Features/Blocks/ContentListBlock/BackgroundVariant.csharp.ts","webpack://Kristiania.Web/./Features/Blocks/ContentListBlock/ColumnCountVariant.csharp.ts","webpack://Kristiania.Web/./Features/Blocks/ContentListBlock/ContentList.module.css?bce7","webpack://Kristiania.Web/./Features/Blocks/ContentListBlock/ContentListLayoutVariant.csharp.ts","webpack://Kristiania.Web/./Features/Blocks/ContentListBlock/ContentList.tsx"],"sourcesContent":["//     This code was generated by a Reinforced.Typings tool.\n//     Changes to this file may cause incorrect behavior and will be lost if\n//     the code is regenerated.\n\nexport enum BackgroundVariant {\n\tRed = \"red\",\n\tWhite = \"white\",\n\tDark = \"dark\",\n\tGrey = \"grey\",\n\tTransparent = \"transparent\"\n}\n","//     This code was generated by a Reinforced.Typings tool.\n//     Changes to this file may cause incorrect behavior and will be lost if\n//     the code is regenerated.\n\nexport enum ColumnCountVariant {\n\tOne = \"one\",\n\tTwo = \"two\",\n\tThree = \"three\",\n\tFour = \"four\",\n\tOneTopAndThreeBelow = \"oneTopAndThreeBelow\"\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"ContentList\":\"rGe6TU4YqsXtkoX7XdK8\",\"Inner\":\"OuOgujIRxM4MHS7v2CAm\",\"Title\":\"YNyG2EAabV44ENhJW5Z3\",\"Header\":\"IvDqood9UqphKP7DPbDR\",\"Body\":\"W9zdKGpfzlMkq36ZQPco\",\"MainItem\":\"onMzStypjU4B8E3uaVGZ\",\"Items\":\"hu88n87boJGqs0wZE6DO\",\"Body--oneColumnVariant\":\"jHHunRYw3T2E3sSixSc2\",\"Body--twoColumnVariant\":\"PExkcHowSWhaU9wyYHFn\",\"Body--threeColumnVariant\":\"XVBd7iRugnBgf7KyMCK6\",\"Body--oneTopAndThreeBelowColumnVariant\":\"kCgsPmPnItlW8UIsjqsS\",\"Body--fourColumnVariant\":\"RPFLAVFLDpjxyNY1Crfa\",\"Variant--titleTopLinkBottom\":\"jA6Sn0VUjQiXvyjkd4Iy\",\"Footer\":\"YxERWKXD5N9X2HeAuEDQ\",\"Variant--titleAndLinkTop\":\"ZuYj6Na7uskDL5VuL7Bp\",\"Variant--red\":\"o4oPeo0cd3fPS4vqtsb1\",\"Variant--white\":\"hhZuUWOP9WK6_V_eOCsO\",\"Variant--dark\":\"tITCdCfHjIHcQOBepie1\",\"Variant--grey\":\"D03pMHJmzX1gSZKcJq8C\",\"Variant--transparent\":\"LIa4YM0CPWbLURTwwxeF\"};","//     This code was generated by a Reinforced.Typings tool.\n//     Changes to this file may cause incorrect behavior and will be lost if\n//     the code is regenerated.\n\nexport enum ContentListLayoutVariant {\n\tTitleAndLinkTop = \"titleAndLinkTop\",\n\tTitleTopLinkBottom = \"titleTopLinkBottom\"\n}\n","import classNames from 'classnames';\nimport * as React from 'react';\nimport { ButtonSize } from '~/Partials/Button/ButtonSize.csharp';\nimport { ButtonTier } from '~/Partials/Button/ButtonTier.csharp';\nimport { ContentListItem } from '~/Partials/ContentListItem/ContentListItem';\nimport { Link } from '~/Partials/Link/Link';\nimport { LinkType } from '~/Partials/Link/LinkType.csharp';\nimport { List } from '~/Partials/List/List';\nimport { SvgIcon } from '~/Partials/SvgIcon/SvgIcon';\nimport { replaceNotFriendlyCharacters } from '~/Partials/Utils/utils';\nimport { BackgroundVariant } from './BackgroundVariant.csharp';\nimport { ColumnCountVariant } from './ColumnCountVariant.csharp';\nimport styles from './ContentList.module.css';\nimport { ContentListLayoutVariant } from './ContentListLayoutVariant.csharp';\nimport type { ContentListBlockViewModel } from './ViewModel/ContentListBlockViewModel.csharp';\n\nexport interface ContentListProps extends ContentListBlockViewModel {\n    linkSize?: ButtonSize;\n    withWrapper?: boolean;\n    className?: string;\n}\n\nexport const ContentList: React.FC<React.PropsWithChildren<ContentListProps>> = props => {\n    const {\n        title,\n        link,\n        contentListItems,\n        layoutVariant,\n        backgroundVariant,\n        columnVariant,\n        className,\n        linkSize = ButtonSize.Large,\n    } = props;\n\n    const getContentListItemType = () =>\n        columnVariant === ColumnCountVariant.OneTopAndThreeBelow ? 'verticalNoImage' : 'vertical';\n\n    const mainItem = columnVariant === ColumnCountVariant.OneTopAndThreeBelow && contentListItems[0];\n\n    const listItems =\n        columnVariant === ColumnCountVariant.OneTopAndThreeBelow && contentListItems.length > 0\n            ? contentListItems.slice(1)\n            : contentListItems;\n\n    const getLinkButtonTier = () => {\n        switch (backgroundVariant) {\n            case BackgroundVariant.Red:\n            case BackgroundVariant.Dark:\n                return ButtonTier.Tertiary;\n            default:\n                return ButtonTier.Primary;\n        }\n    };\n\n    const renderLink = (withIcon: boolean) => (\n        <Link\n            {...link}\n            showIsExternal={false}\n            type={LinkType.Button}\n            buttonTier={getLinkButtonTier()}\n            buttonSize={linkSize}\n        >\n            <span>{link.label}</span>\n            {withIcon && <SvgIcon iconName=\"arrow-right\" />}\n        </Link>\n    );\n\n    const isLinkValid = link && link.href;\n    const shouldRenderLinkOnTop = layoutVariant === ContentListLayoutVariant.TitleAndLinkTop && isLinkValid;\n    const shouldRenderLinkOnBottom = layoutVariant === ContentListLayoutVariant.TitleTopLinkBottom && isLinkValid;\n    const id = title ? replaceNotFriendlyCharacters(title.toLowerCase()) : undefined;\n\n    return (\n        <div\n            className={classNames(\n                styles.ContentList,\n                styles[`Variant--${backgroundVariant}`],\n                styles[`Variant--${layoutVariant}`],\n                className\n            )}\n        >\n            <div className={styles.Inner} id={id}>\n                <div className={styles.Header}>\n                    {title && <h2 className={styles.Title}>{title}</h2>}\n                    {shouldRenderLinkOnTop && renderLink(true)}\n                </div>\n                {contentListItems.length > 0 && (\n                    <div className={classNames(styles.Body, styles[`Body--${columnVariant}ColumnVariant`])}>\n                        {mainItem && (\n                            <div className={styles.MainItem}>\n                                <ContentListItem {...mainItem} itemType=\"horizontal\" variant={backgroundVariant} />\n                            </div>\n                        )}\n                        {listItems.length > 0 && (\n                            <List\n                                className={styles.Items}\n                                items={listItems}\n                                renderItem={item => (\n                                    <li key={item.id}>\n                                        <ContentListItem\n                                            {...item}\n                                            itemType={getContentListItemType()}\n                                            variant={backgroundVariant}\n                                        />\n                                    </li>\n                                )}\n                            />\n                        )}\n                    </div>\n                )}\n                {shouldRenderLinkOnBottom && <div className={styles.Footer}>{renderLink(false)}</div>}\n            </div>\n        </div>\n    );\n};\n"],"names":["BackgroundVariant","ColumnCountVariant","ContentListLayoutVariant","ContentList","props","title","link","contentListItems","layoutVariant","backgroundVariant","columnVariant","className","linkSize","ButtonSize","Large","mainItem","OneTopAndThreeBelow","listItems","length","slice","getLinkButtonTier","Red","Dark","ButtonTier","Tertiary","Primary","renderLink","withIcon","React","Link","_extends","showIsExternal","type","LinkType","Button","buttonTier","buttonSize","label","SvgIcon","iconName","isLinkValid","href","shouldRenderLinkOnTop","TitleAndLinkTop","shouldRenderLinkOnBottom","TitleTopLinkBottom","id","replaceNotFriendlyCharacters","toLowerCase","undefined","classNames","styles","concat","Inner","Header","Title","Body","MainItem","ContentListItem","itemType","variant","List","Items","items","renderItem","item","key","Footer"],"sourceRoot":""}