{"version":3,"file":"VelgUniversitetComponent-DLy9M_af.js","sources":["../../../Features/Shared/Scripts/Components/SelectOptionStegComponent.tsx","../../../Features/Shared/Scripts/Components/VelgUniversitetComponent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { DisplayValue } from '../Models/Valg';\r\nimport SelectOptionDisplay from './SelectOptionComponent';\r\nimport VeilederStegComponent, { VeilederStegBaseProps, VeilederStegDefaultProps } from './VeilederStegComponent';\r\nimport Valg from '../Models/Valg';\r\nimport { connect } from 'react-redux';\r\nimport { AppState } from '../Store/Types';\r\nimport { StegVisning } from '../Store/StegVisning/Types';\r\nimport { setCollapsed } from '../Store/StegVisning/Actions';\r\n\r\ntype SelectOptionsDisplayOwnProps = VeilederStegDefaultProps & VeilederStegBaseProps & {\r\n    options: DisplayValue[],\r\n    ledetekst: JSX.Element | null,\r\n    onSelectChange: any,\r\n    showSearch?: boolean,\r\n    value?: Valg<string>,\r\n}\r\n\r\ntype SelectOptionsDisplayProps = SelectOptionsDisplayOwnProps & MapStateToProps & MapDispatchToProps;\r\n\r\nfunction SelectOptionStegDisplay(props: SelectOptionsDisplayProps): JSX.Element {\r\n    function handleOnSelectChange(valg: Valg<string>) {\r\n        props.stegVisningSetCollapsed({id: props.sporsmalId,isCollapsed:true})\r\n        props.onSelectChange(valg);\r\n    }\r\n\r\n    return (\r\n        <VeilederStegComponent\r\n            tittel={props.tittel}\r\n            forklaring={props.forklaring}\r\n            canCollapse={props.value != null}\r\n            displayElement={<div className=\"c-veileder__valgt-item\">\r\n                <span className=\"c-veileder__tekst c-veileder__tekst--valg\">{props.value?.displayValue}</span>\r\n            </div>}\r\n            inputArea={<div className=\"c-veileder__inputomrade\">\r\n                <SelectOptionDisplay\r\n                    htmlId={props.sporsmalId+'-select'}\r\n                    ledetekst={props.ledetekst}\r\n                    options={props.options}\r\n                    onSelectChange={handleOnSelectChange}\r\n                    showSearch={props.showSearch}\r\n                    value={props.value}\r\n                />\r\n            </div>}\r\n            sporsmalId={props.sporsmalId}\r\n        />\r\n    );\r\n}\r\n\r\ninterface MapStateToProps {\r\n    stegState: StegVisning;\r\n}\r\n\r\ninterface MapDispatchToProps {\r\n    stegVisningSetCollapsed: typeof setCollapsed;\r\n}\r\n\r\nexport default connect(\r\n    (state: AppState, ownProps: SelectOptionsDisplayOwnProps): MapStateToProps => {\r\n        const stegState = state.stegVisning[ownProps.sporsmalId]\r\n            ? state.stegVisning[ownProps.sporsmalId]\r\n            : { id: ownProps.sporsmalId, isCollapsed: false };\r\n        return {\r\n            stegState,\r\n        };\r\n    },\r\n    {\r\n        stegVisningSetCollapsed: setCollapsed,\r\n    },\r\n)(SelectOptionStegDisplay);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport SelectOptionDisplay from './SelectOptionComponent';\r\nimport Valg, { DisplayValue } from '../Models/Valg';\r\nimport VeilederStegComponent, { VeilederStegDefaultProps, VeilederStegBaseProps } from './VeilederStegComponent';\r\nimport { AppState } from '../Store/Types';\r\nimport { setCollapsed } from '../Store/StegVisning/Actions';\r\nimport { StegVisning } from '../Store/StegVisning/Types';\r\n\r\ntype VelgUniversitetComponentOwnProps = VeilederStegDefaultProps & VeilederStegBaseProps & {\r\n    options: DisplayValue[],\r\n    ledetekst: JSX.Element | null,\r\n    onSelectChange: any,\r\n    showSearch?: boolean,\r\n    value?: Valg<string>,\r\n    avhukingBoksTekst: JSX.Element | null,\r\n    ingenValgTekst: string | null,\r\n}\r\n\r\ntype VelgUniversitetDisplayProps = VelgUniversitetComponentOwnProps & MapStateToProps & MapDispatchToProps;\r\n\r\nfunction VelgUniversitetComponentVisning (props: VelgUniversitetDisplayProps): JSX.Element {\r\n\r\n    function ikkeGodkjentUniversitetAvhukingHandler(e: React.SyntheticEvent<HTMLInputElement>): void {\r\n        if(e.currentTarget.checked) {\r\n            let ingenTilleggsstipend: Valg<string> = { id: \"Nei\", displayValue: (props.ingenValgTekst ?? ''), value: \"Nei\"}\r\n            props.onSelectChange(ingenTilleggsstipend);\r\n            props.stegVisningSetCollapsed({id: props.sporsmalId,isCollapsed:true});\r\n        } else {\r\n            //setter til undefined siden brukeren da må velge universitet fra listen isteden. \r\n            props.onSelectChange(undefined);\r\n        }\r\n    }\r\n\r\n    function onSelectHandling(valg: Valg<string>) : void {\r\n        props.stegVisningSetCollapsed({id: props.sporsmalId,isCollapsed:true});\r\n\r\n        props.onSelectChange(valg);\r\n        \r\n        let avhukingsboks: HTMLInputElement | null = document.getElementById(\"checkbox-tilleggsstipend\") as HTMLInputElement | null;\r\n        if(avhukingsboks !== null)\r\n            avhukingsboks.checked = false;\r\n    }\r\n\r\n    return (\r\n        <VeilederStegComponent\r\n            tittel={props.tittel}\r\n            forklaring={props.forklaring}\r\n            canCollapse={props.value != null}\r\n            displayElement={<div className=\"c-veileder__valgt-item\">\r\n                <span className=\"c-veileder__tekst c-veileder__tekst--valg\">{props.value?.displayValue}</span>\r\n            </div>}\r\n            inputArea={<div className=\"c-veileder__inputomrade\">\r\n                <SelectOptionDisplay\r\n                    htmlId={props.sporsmalId+'-uni-select'}\r\n                    ledetekst={props.ledetekst}\r\n                    options={props.options}\r\n                    onSelectChange={(nyttValg: Valg<string>): void => {\r\n                        onSelectHandling(nyttValg);\r\n                    }}\r\n                    showSearch={props.showSearch}\r\n                    value={props.value}\r\n                />\r\n                <div className=\"c-veileder__checkbox\">\r\n                    <input onChange={ikkeGodkjentUniversitetAvhukingHandler} type=\"checkbox\" id=\"checkbox-tilleggsstipend\" />\r\n                    <label htmlFor=\"checkbox-tilleggsstipend\">{props.avhukingBoksTekst}</label>\r\n                </div>\r\n            </div>}\r\n            sporsmalId={props.sporsmalId}\r\n        />\r\n    )\r\n}\r\n\r\ninterface MapStateToProps {\r\n    stegState: StegVisning;\r\n}\r\n\r\ninterface MapDispatchToProps {\r\n    stegVisningSetCollapsed: typeof setCollapsed;\r\n}\r\n\r\nexport default connect(\r\n    (state: AppState, ownProps: VelgUniversitetComponentOwnProps): MapStateToProps => {\r\n        const stegState = state.stegVisning[ownProps.sporsmalId]\r\n            ? state.stegVisning[ownProps.sporsmalId]\r\n            : { id: ownProps.sporsmalId, isCollapsed: false };\r\n        return {\r\n            stegState,\r\n        };\r\n    },\r\n    {\r\n        stegVisningSetCollapsed: setCollapsed,\r\n    },\r\n)(VelgUniversitetComponentVisning);"],"names":["jsx","jsxs"],"mappings":"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"}