{"version":3,"file":"7015.chunk.05fae26da21354205239.js","mappings":"qMAwBO,MAAMA,EAAYC,IACrB,MAAM,cACFC,EAAa,eACbC,EAAc,QACdC,EAAO,MACPC,EAAK,YACLC,EAAW,aACXC,EAAY,SACZC,EAAQ,aACRC,EAAY,UACZC,GACAT,GAEE,mBAAEU,EAAkB,cAAEC,IAAkBC,EAAAA,EAAAA,KAYxCC,EAAKC,IAAS,oBAEpB,OACIC,EAAAA,cAAA,OACIN,UAAWO,IACPT,GCrDmF,uBDsDnFG,GCtD6H,uBDuD7HC,GCvDwK,uBDwDxKH,GCxDuN,uBDyDvNC,IAGHL,GACGW,EAAAA,cAAA,SAAOE,QAASJ,EAAIJ,UC7DoB,wBD8DnCL,GAGTW,EAAAA,cAAA,OAAKN,UCjEQ,wBDkETM,EAAAA,cAAA,UACIG,MAAOjB,QAAiBkB,EACxBC,aAAa,GACbC,SAzBYC,IACxBpB,EAAeoB,EAAEC,OAAOL,MAAM,EAyBlBX,SAAUA,EACVM,GAAIA,GAEHR,GACGU,EAAAA,cAAA,UAAQS,IAAI,cAAcN,MAAM,GAAGX,UAAQ,EAACkB,QAAM,GAC7CpB,GAGRF,EAAQuB,KAxCNC,CAACC,EAAoBC,IACpCd,EAAAA,cAAA,UAAQS,IAAG,GAAAM,OAAKF,EAAKV,MAAK,KAAAY,OAAID,GAASX,MAAOU,EAAKV,MAAOT,UAAWmB,EAAKnB,WACrEmB,EAAKG,YAyCHzB,GAAgBS,EAAAA,cAAA,QAAMN,UAAU,sBAAsBH,GACvD,C","sources":["webpack://Kristiania.Web/./Features/Partials/Dropdown/Dropdown.tsx","webpack://Kristiania.Web/./Features/Partials/Dropdown/Dropdown.module.css?b752"],"sourcesContent":["import classNames from 'classnames';\nimport uniqueId from 'lodash/uniqueId';\nimport * as React from 'react';\nimport { useTheme } from '~/Features/Layouts/Theme/Context/ThemeContextProvider';\nimport styles from './Dropdown.module.css';\n\nexport interface DropdownProps {\n    options: DropdownItem[];\n    onValueChanged: (value: string) => void;\n    placeholder?: string;\n    label?: string;\n    selectedValue?: string;\n    className?: string;\n    disabled?: boolean;\n    errorMessage?: string;\n    disableArrow?: boolean;\n}\n\nexport interface DropdownItem {\n    value: string;\n    text: string;\n    className?: string;\n}\n\nexport const Dropdown = (props: DropdownProps) => {\n    const {\n        selectedValue,\n        onValueChanged,\n        options,\n        label,\n        placeholder,\n        errorMessage,\n        disabled,\n        disableArrow,\n        className,\n    } = props;\n\n    const { withRoundedCorners, withBoxShadow } = useTheme();\n\n    const makeOption = (item: DropdownItem, index: number) => (\n        <option key={`${item.value}_${index}`} value={item.value} className={item.className}>\n            {item.text}\n        </option>\n    );\n\n    const handleValueChanged = (e: React.ChangeEvent<HTMLSelectElement>) => {\n        onValueChanged(e.target.value);\n    };\n\n    const id = uniqueId('Form__dropdown__');\n\n    return (\n        <div\n            className={classNames(\n                disabled && styles['Variant--disabled'],\n                withRoundedCorners && styles['Variant--rounded'],\n                withBoxShadow && styles['Variant--shadowed'],\n                disableArrow && styles['Variant--withoutArrow'],\n                className\n            )}\n        >\n            {label && (\n                <label htmlFor={id} className={styles.Label}>\n                    {label}\n                </label>\n            )}\n            <div className={styles.Select}>\n                <select\n                    value={selectedValue || undefined}\n                    defaultValue=\"\"\n                    onChange={handleValueChanged}\n                    disabled={disabled}\n                    id={id}\n                >\n                    {placeholder && (\n                        <option key=\"placeholder\" value=\"\" disabled hidden>\n                            {placeholder}\n                        </option>\n                    )}\n                    {options.map(makeOption)}\n                </select>\n            </div>\n            {!!errorMessage && <span className=\"Form__errorMessage\">{errorMessage}</span>}\n        </div>\n    );\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"Select\":\"yAkM5G149svWESq8b94M\",\"Label\":\"XEMVqKqdSgu2F10P4ITv\",\"Variant--disabled\":\"gPPJD7rXQTc6ZtRg5dWt\",\"Variant--rounded\":\"Q_HIF9MqDbZubA1dJx6M\",\"Variant--shadowed\":\"V9FP4TWDABS8qqFfjUnc\",\"Variant--withoutArrow\":\"VPk_uyMZQQnocPx2y9G8\"};"],"names":["Dropdown","props","selectedValue","onValueChanged","options","label","placeholder","errorMessage","disabled","disableArrow","className","withRoundedCorners","withBoxShadow","useTheme","id","uniqueId","React","classNames","htmlFor","value","undefined","defaultValue","onChange","e","target","key","hidden","map","makeOption","item","index","concat","text"],"sourceRoot":""}