{"version":3,"sources":["components/api-authorization/ApiAuthorizationConstants.js","components/api-authorization/AuthorizeService.ts","components/api-authorization/LoginMenu.js","AppRoutes.tsx","components/BeheerMenu.tsx","components/NavMenu.tsx","components/Layout.tsx","pages/Home.tsx","components/api-authorization/Login.js","components/api-authorization/Logout.js","components/api-authorization/ApiAuthorizationRoutes.js","models/IVisitatieRapport.tsx","components/hooks/DataSource.tsx","components/hooks/DevExtremeLocale.tsx","components/ScrollToTop.tsx","components/GenericDataGrid.tsx","components/DirtyPrompt.tsx","pages/beheer/PageWithDataGridEditor.tsx","models/IGoedePraktijk.tsx","components/utils/FileUtils.tsx","components/FileSelection.tsx","components/FileBox.tsx","components/hooks/Notification.tsx","pages/beheer/GoedePraktijk.tsx","components/DataGridArrayEdit.tsx","Constanten.tsx","pages/beheer/VisitatieRapport.tsx","pages/beheer/OperationeleDoelstellingen.tsx","components/hooks/LocationState.tsx","pages/ZoekRapporten.tsx","components/ValueCheckBox.tsx","pages/ZoekGoedePraktijk.tsx","components/PrestatiesDoelstellingItem.tsx","pages/ZoekShmPrestaties.tsx","components/api-authorization/AuthorizationRoute.tsx","pages/beheer/Gebruikers.tsx","App.tsx","index.tsx"],"names":["ApplicationName","QueryParameterNames","LogoutActions","LoginActions","prefix","ApplicationPaths","DefaultLoginRedirectPath","ApiAuthorizationClientConfigurationUrl","ApiAuthorizationPrefix","Login","LoginFailed","LoginCallback","Register","Profile","LogOut","LoggedOut","LogOutCallback","IdentityRegisterPath","IdentityManagePath","IdentityEnableMfaPath","AuthorizeService","_callbacks","_tokenRefreshCallbacks","_nextSubscriptionId","_user","_isAuthenticated","_tokenNotifyTimeoutId","_popUpDisabled","userManager","a","this","getUser","user","profile","ensureUserManagerInitialized","expired","console","log","signinSilent","createArguments","silentUser","access_token","signIn","expires_in","state","updateState","success","Error","signinPopup","popUpUser","message","error","signinRedirect","redirect","url","signinCallback","signoutPopup","undefined","signoutRedirect","signoutCallback","response","notifySubscribers","callback","push","subscription","subscriptionId","subscriptionIndex","map","element","index","found","filter","length","splice","i","cb","newCbState","idx","findIndex","p","forEach","useReplaceToNavigate","data","status","AuthenticationResultStatus","Fail","Success","Redirect","fetch","ok","json","settings","automaticSilentRenew","includeIdTokenInSilentRenew","userStore","WebStorageStateStore","UserManager","events","addUserSignedOut","removeUser","addAccessTokenExpiring","window","clearTimeout","setTimeout","authService","LoginMenu","props","isAuthenticated","userName","_subscription","subscribe","populateState","unsubscribe","Promise","all","setState","name","profilePath","logoutPath","pathname","local","authenticatedView","registerPath","loginPath","anonymousView","NavItem","NavLink","tag","Link","to","Component","useAppRoutes","useMemo","visitatieRapporten","visitatieRapportenEdit","goedePraktijken","goedePraktijkenEdit","shms","gemeenten","themas","operationeleDoelstellingen","gebruikers","documenten","zoekRapporten","zoekGoedePraktijken","zoekShmPrestaties","BeheerMenu","routePaths","useState","setIsAuthenticatded","isAdmin","setIsAdmin","useEffect","then","Role","result","UncontrolledDropdown","nav","inNavbar","DropdownToggle","caret","DropdownMenu","right","DropdownItem","RRNavLink","activeClassName","exact","divider","NavMenu","expanded","setExpanded","useLocation","toggleNav","useCallback","Navbar","className","light","fixed","color","Container","NavbarBrand","NavbarToggler","onClick","Collapse","isOpen","navbar","Layout","children","displayName","Footer","viewBox","height","width","d","itemProp","itemType","rel","href","target","Home","role","action","login","getReturnUrl","processLoginCallback","URLSearchParams","location","search","get","redirectToProfile","redirectToRegister","returnUrl","navigateToReturnUrl","completeSignIn","fromQuery","startsWith","origin","redirectToApiAuthorizationPath","encodeURI","apiAuthorizationPath","redirectUrl","replace","Logout","isReady","authenticated","history","logout","processLogoutCallback","populateAuthenticationState","signOut","completeSignOut","ApiAuthorizationRoutes","path","render","loginAction","logoutAction","VisitatieRapportActiviteitTypen","useToken","token","setToken","updateToken","getAccessToken","newToken","prev","subId","subscribeForTokenChange","unsubscribeForTokenChange","useFetchData","fetchData","values","method","respIsText","headers","body","JSON","stringify","resp","contentType","text","catch","reject","msg","errors","propName","join","e","useListSourceOptions","list","sort","createDataSourceOptions","store","ArrayStore","key","paginate","pageSize","useListSource","listOptions","dgSource","DataSource","dispose","useDataSource","apiUrl","dsOptions","CustomStore","loadMode","byKey","load","loadOptions","insert","update","remove","errorHandler","useDataSourceOptions","createStore","useDutchDevExtreme","loadMessages","nl","nlMessages","locale","ScrollToTop","scrollTo","GenericDataGrid","dgRef","allowAdd","allowDelete","allowUpdate","onSaaved","stateStoring","gridEditSettings","allowAdding","allowDeleting","allowUpdating","useIcons","mode","ref","dataSource","editing","onSaved","hoverStateEnabled","DirtyPrompt","when","isDirty","messageHandler","beforePageUnload","preventDefault","returnValue","addEventListener","removeEventListener","PageWithDataGridEditor","pageTitle","firstColumn","columns","editPath","stateStoreKey","useHistory","createUrlForItem","id","generatePath","useRef","addBtnOptions","renderFirstColomn","value","isDirtyHandler","current","instance","hasEditData","storageKey","type","enabled","allowedPageSizes","dataField","defaultSortIndex","defaultSortOrder","cellRender","col","options","visible","highlightSearchText","showPageSizeSelector","showNavigationButtons","showInfo","defaultGoedePraktijk","htmlOmschrijving","titel","gepubliceerd","calcSize","byteSize","sizeIdx","Math","floor","round","pow","FileSelection","selectedDocs","saveSelection","multiple","showFileManager","setShowFileManager","dsDocs","initialSelection","Array","isArray","selection","setSelection","focusedRowKey","setFocusedRowKey","selectionIds","doc","selectClickHandler","rowDblClickHandler","closeFileManager","selectBtnOptions","disabled","icon","cancelBtnOptions","selectionChangedHandler","selectedRowsData","iconCellRenderHandler","sizeCellValueHandler","size","renderFileNameColomn","closeOnOutsideClick","onHiding","deferRendering","showCloseButton","widget","selectedRowKeys","onSelectionChanged","focusedRowEnabled","onFocusedRowKeyChange","onRowDblClick","caption","calculateCellValue","alignment","calculateSortValue","showCheckBoxesMode","FileBox","allowedExtensions","valueChange","inputAttr","textFieldName","placeholder","required","requiredMessage","inputFormName","label","refFileUpload","docs","Authorization","saveSelectionHandler","btnClearDoc","stylingMode","hint","btnSelectDoc","btnUploadDoc","_selectButton","click","isInDropZone","setIsInDropZone","enterDropZone","leaveDropZone","validateDoc","onDocUploadedHandler","parse","request","responseText","onDocErrorHandler","displayExpr","hideSelectedItems","openOnFieldClick","valueExpr","onValueChange","validationCallback","selectButtonText","allowedFileExtensions","uploadMode","allowCanceling","dropZone","uploadUrl","uploadHeaders","chunkSize","minFileSize","maxFileSize","onDropZoneEnter","onDropZoneLeave","onValueChanged","invalidFileExtensionMessage","invalidMaxFileSizeMessage","uploadFailedMessage","onUploaded","onUploadError","useNotification","notifyHandler","displayTime","notify","closeOnClick","GoedePraktijk","apiUrls","setPageLoading","lists","params","useParams","fetcher","routes","setData","dbOpDoel","setDbOpDoel","dbThemas","setDbThemas","dbDocs","setDbDocs","setIsDirty","dsThema","opDoelFilter","dsOpDoel","doelstellingen","dsVisRp","valGroup","htmlOptions","sizeValues","fontValues","headerValues","headerValuesRedacteur","mediaResizing","tableResizing","tableContextMenu","titelChangedHandler","opDoelChangedHandler","themaChangedHandler","visRpChangedHandler","visitatieRapportId","omschrChangedHandler","docChangedHandler","createView","apidata","od","operationeleDoelstellingId","t","themaId","document","sendData","publish","isValid","validate","find","documentId","newData","onSaveHandler","onPublishHandler","showSelectionControls","searchEnabled","searchMode","allowSoftLineBreak","valueType","multiline","acceptedValues","DataGridArrayList","gridRef","valueChanged","onEditing","React","newId","setNewId","createNewId","triggerChanged","newRowData","keyExpr","showRowLines","onInitNewRow","onEditingStart","useContstanten","activiteiten","visitatieronden","operationeleDoelstellingScore","dateOptions","dateSerializationFormat","displayFormat","VisitatieRapport","naam","visitatieData","publicatieDatum","Date","dsGem","dsShm","vdRef","odRef","dbGemeenten","setDbGemeenten","setDataState","gem","gemeenteId","shmFormatNaam","nummer","naamChangedHandler","gemChangedHandler","shmChangedHandler","shmId","pubDateChangedHandler","activityChangedHandler","activiteit","rondeChangedHandler","visitatieRonde","visitatieDataChangedHandler","operatDoelDataChangedHandler","dataGridIsValid","saveEditData","setNewIdsInList","items","item","oprDoelValid","shm","pubDate","makeDirty","gemSearchExprHandler","htmlFor","searchExpr","dataType","editorOptions","format","OperationeleDoelstellingen","ds","tlRef","parentIdExpr","rootValue","noDataText","useLocationState","defaultState","ZoekRapporten","resultsRef","valGroupGemRef","valGroupShmRef","renderGemeenteSelectText","postcode","formData","setFormData","searchMsg","setSearchMsg","searchData","endpoint","apiData","scrollIntoView","behavior","searchByGemeente","zoekRapportGemeente","g","searchByShm","zoekRapportShm","s","searchType","openDoc","row","documentLink","gemeenteChangeHandler","shmChangeHandler","searchGemeenteClickHandler","searchShmClickHandler","searchExprGemeente","searchExprShm","searchTimeout","onEnterKey","ValueCheckBox","checked","onCheckChanged","onValueChangedHandler","GoedePraktijkItem","goedePraktijk","linkLabel","visitatieRapportDocument","fileName","dangerouslySetInnerHTML","__html","thema","ThemaItem","ZoekGoedePraktijk","trefwoord","scrollEnabled","setScrollEnabled","zoekGoedePraktijk","trefwoordChangeHandler","newValue","doelstellingChangeHandler","onThemaCheckChangedHandler","seacrClickHandler","includes","onSelectedRowKeysChange","showColumnHeaders","autoExpandAll","recursive","gp","PrestatiesDoelstellingItem","operationeleDoelstelling","visitatierapporten","ZoekShmPrestaties","visitatieronde","zoekPrestaties","self","indexOf","vr","btnSearchHandler","activiteitChangeHandler","visitatierondeChangeHandler","doelstellingenChangeHandler","AuthorizationRoute","component","rest","ready","setReady","setAuthenticated","mfaEnabled","setMfaEnabled","protocol","host","encodeURIComponent","redirectMfaUrl","authenticationChanged","u","amr","Gebruikers","users","setUsers","dsUser","popupData","setPopUpData","executeAction","showRespone","title","okBtnCaption","okBtnIcon","okBtnType","onOkClicked","hideCancelBtn","hidePopUp","updateRow","updatedUtem","newList","twoFactorEnabled","removeUserRowClick","resetPwdRowClick","reset2faRowClick","popupOkBtnOptions","popupCancelBtnOptions","reset2FaVisibleHandler","isNewRow","newRowHideBtnsHandler","newRowShowBtnsHandler","rowInsertingHandler","cancel","rowUpdatingHandler","oldData","onRowInserting","onRowUpdating","minWidth","minHeight","maxWidth","dragEnabled","dragOutsideBoundary","toolbar","App","home","setLists","refreshLists","setIsLoading","homeData","gemSource","pages","secure","validationRules","lookup","allowEditing","buttons","countUsed","pageData","isLoading","showPane","showIndicator","shading","shadingColor","delay","baseUrl","getElementsByTagName","getAttribute","rootElement","getElementById","ReactDOM","basename"],"mappings":"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","file":"static/js/main.e7aabb15.chunk.js","sourcesContent":["export const ApplicationName = 'InfoSHMs';\n\nexport const QueryParameterNames = {\n  ReturnUrl: 'returnUrl',\n  Message: 'message'\n};\n\nexport const LogoutActions = {\n  LogoutCallback: 'logout-callback',\n  Logout: 'logout',\n  LoggedOut: 'logged-out'\n};\n\nexport const LoginActions = {\n  Login: 'login',\n  LoginCallback: 'login-callback',\n  LoginFailed: 'login-failed',\n  Profile: 'profile',\n  Register: 'register'\n};\n\nconst prefix = '/authentication';\n\nexport const ApplicationPaths = {\n    DefaultLoginRedirectPath: '/',\n    ApiAuthorizationClientConfigurationUrl: `_configuration/${ApplicationName}`,\n    ApiAuthorizationPrefix: prefix,\n    Login: `${prefix}/${LoginActions.Login}`,\n    LoginFailed: `${prefix}/${LoginActions.LoginFailed}`,\n    LoginCallback: `${prefix}/${LoginActions.LoginCallback}`,\n    Register: `${prefix}/${LoginActions.Register}`,\n    Profile: `${prefix}/${LoginActions.Profile}`,   \n    LogOut: `${prefix}/${LogoutActions.Logout}`,\n    LoggedOut: `${prefix}/${LogoutActions.LoggedOut}`,\n    LogOutCallback: `${prefix}/${LogoutActions.LogoutCallback}`,\n    IdentityRegisterPath: 'Identity/Account/Register',\n    IdentityManagePath: 'Identity/Account/Manage',\n    IdentityEnableMfaPath: 'Identity/Account/Manage/EnableAuthenticator',\n};\n","import { Profile, User, UserManager, WebStorageStateStore } from 'oidc-client';\nimport { ApplicationPaths, ApplicationName } from './ApiAuthorizationConstants';\n\nexport interface OAuthProfile extends Profile {\n    Role: string;\n}\nexport class AuthorizeService {\n\n    _callbacks: { callback: () => void, subscription: number }[] = [];\n    _tokenRefreshCallbacks: { callback: (() => void), subscription: number }[] = [];\n    _nextSubscriptionId: number = 0;\n    _user?: User;\n    _isAuthenticated = false;\n    _tokenNotifyTimeoutId: number = 0;\n    // By default pop ups are disabled because they don't work properly on Edge.\n    // If you want to enable pop up authentication simply set this flag to false.\n    _popUpDisabled = true;\n    userManager?: UserManager;\n    //_token = \"\";\n\n    async isAuthenticated(): Promise<boolean> {\n        const user = await this.getUser();\n        return !!user;\n    }\n\n    async getUser(): Promise<OAuthProfile | null> {\n        if (this._user && this._user.profile) {\n            return this._user!.profile as OAuthProfile;\n        }\n\n        await this.ensureUserManagerInitialized();\n        const user = await this.userManager!.getUser();\n        return user && user.profile as OAuthProfile;\n    }\n\n    async getAccessToken() {\n        await this.ensureUserManagerInitialized();\n        const user = await this.userManager!.getUser();\n\n        //https://github.com/dotnet/aspnetcore/issues/17962\n        //is token expired?\n        if (user?.expired === true) {\n            try {\n                console.log(\"token expired. refreshing... \", user);\n                //Attempt to sign in our user silently\n                const silentUser = await this.userManager!.signinSilent(this.createArguments())\n                //update component state\n                //silentUser && this.updateState(silentUser);\n                //Return refreshed access token\n                return silentUser && silentUser.access_token\n            } catch (err) {\n                //Failed to sign in user silently\n                //Sign out user or user other authentication method\n                console.log(\"refresh error. goto sign-in\");\n                this.signIn(this.createArguments())\n            }\n        } else {\n            console.log(\"token will expire in \", user?.expires_in);\n        }\n\n        return user && user.access_token;\n    }\n\n    // We try to authenticate the user in three different ways:\n    // 1) We try to see if we can authenticate the user silently. This happens\n    //    when the user is already logged in on the IdP and is done using a hidden iframe\n    //    on the client.\n    // 2) We try to authenticate the user using a PopUp Window. This might fail if there is a\n    //    Pop-Up blocker or the user has disabled PopUps.\n    // 3) If the two methods above fail, we redirect the browser to the IdP to perform a traditional\n    //    redirect flow.\n    async signIn(state : any) {\n        await this.ensureUserManagerInitialized();\n        try {\n            const silentUser = await this.userManager!.signinSilent(this.createArguments());\n            this.updateState(silentUser);\n            return this.success(state);\n        } catch (silentError) {\n            // User might not be authenticated, fallback to popup authentication\n            console.log(\"Silent authentication error: \", silentError);\n\n            try {\n                if (this._popUpDisabled) {\n                    throw new Error('Popup disabled. Change \\'AuthorizeService.js:AuthorizeService._popupDisabled\\' to false to enable it.')\n                }\n\n                const popUpUser = await this.userManager!.signinPopup(this.createArguments());\n                this.updateState(popUpUser);\n                return this.success(state);\n            } catch (popUpError: any) {\n                if (popUpError.message === \"Popup window closed\") {\n                    // The user explicitly cancelled the login action by closing an opened popup.\n                    return this.error(\"The user closed the window.\");\n                } else if (!this._popUpDisabled) {\n                    console.log(\"Popup authentication error: \", popUpError);\n                }\n\n                // PopUps might be blocked by the user, fallback to redirect\n                try {\n                    await this.userManager!.signinRedirect(this.createArguments(state));\n                    return this.redirect();\n                } catch (redirectError : any) {\n                    console.log(\"Redirect authentication error: \", redirectError);\n                    return this.error(redirectError);\n                }\n            }\n        }\n    }\n\n    async completeSignIn(url : string) {\n        try {\n            await this.ensureUserManagerInitialized();\n            const user = await this.userManager!.signinCallback(url);\n            this.updateState(user);\n            return this.success(user && user.state);\n        } catch (error) {\n            console.log('There was an error signing in: ', error);\n            return this.error('There was an error signing in.');\n        }\n    }\n\n    // We try to sign out the user in two different ways:\n    // 1) We try to do a sign-out using a PopUp Window. This might fail if there is a\n    //    Pop-Up blocker or the user has disabled PopUps.\n    // 2) If the method above fails, we redirect the browser to the IdP to perform a traditional\n    //    post logout redirect flow.\n    async signOut(state : any) {\n        await this.ensureUserManagerInitialized();\n        try {\n            if (this._popUpDisabled) {\n                throw new Error('Popup disabled. Change \\'AuthorizeService.js:AuthorizeService._popupDisabled\\' to false to enable it.')\n            }\n\n            await this.userManager!.signoutPopup(this.createArguments());\n            this.updateState(undefined);\n            return this.success(state);\n        } catch (popupSignOutError) {\n            console.log(\"Popup signout error: \", popupSignOutError);\n            try {\n                await this.userManager!.signoutRedirect(this.createArguments(state));\n                return this.redirect();\n            } catch (redirectSignOutError : any) {\n                console.log(\"Redirect signout error: \", redirectSignOutError);\n                return this.error(redirectSignOutError);\n            }\n        }\n    }\n\n    async completeSignOut(url : string) {\n        await this.ensureUserManagerInitialized();\n        try {\n            const response = await this.userManager!.signoutCallback(url);\n            this.updateState(undefined);\n            return this.success(response && response.state);\n        } catch (error : any) {\n            console.log(`There was an error trying to log out '${error}'.`);\n            return this.error(error);\n        }\n    }\n\n    updateState(user?: User) {\n        this._user = user;\n        this._isAuthenticated = !!this._user;\n        this.notifySubscribers();\n    }\n\n    subscribe(callback : () => void) {\n        this._callbacks.push({ callback, subscription: this._nextSubscriptionId++ });\n        return this._nextSubscriptionId - 1;\n    }\n\n    unsubscribe(subscriptionId: number) {\n        const subscriptionIndex = this._callbacks\n            .map((element, index) => element.subscription === subscriptionId ? { found: true, index } : { found: false })\n            .filter(element => element.found === true);\n        if (subscriptionIndex.length !== 1) {\n            throw new Error(`Found an invalid number of subscriptions ${subscriptionIndex.length}`);\n        }\n\n        this._callbacks.splice(subscriptionIndex[0].index!, 1);\n    }\n\n    notifySubscribers() {        \n        this._tokenNotifyTimeoutId = 0;\n        for (let i = 0; i < this._callbacks?.length || 0; i++) {\n            const callback = this._callbacks[i].callback;\n            callback();\n        }\n    }\n\n    subscribeForTokenChange(cb: () => void): number {\n        const newCbState = { callback: cb, subscription: ++this._nextSubscriptionId };\n        this._tokenRefreshCallbacks.push(newCbState);\n        return newCbState.subscription;\n    }\n\n    unsubscribeForTokenChange(subscriptionId: number) {\n        const idx = this._tokenRefreshCallbacks.findIndex(p => p.subscription === subscriptionId);\n        if (idx < 0)\n            return;\n        this._tokenRefreshCallbacks.splice(idx, 1);\n    }\n\n    notifyTokenSubscribers() {\n        console.log(\"token expiring - notify spa...\")\n        this._tokenRefreshCallbacks.forEach(p => p.callback && p.callback());\n    }\n\n\n    createArguments(state?: any) {\n        return { useReplaceToNavigate: true, data: state };\n    }\n\n    error(message : string) {\n        return { status: AuthenticationResultStatus.Fail, message };\n    }\n\n    success(state : any) {\n        return { status: AuthenticationResultStatus.Success, state };\n    }\n\n    redirect() {\n        return { status: AuthenticationResultStatus.Redirect };\n    }\n\n    async ensureUserManagerInitialized() {\n        if (this.userManager !== undefined) {\n            return;\n        }\n\n        let response = await fetch(ApplicationPaths.ApiAuthorizationClientConfigurationUrl);\n        if (!response.ok) {\n            throw new Error(`Could not load settings for '${ApplicationName}'`);\n        }\n        \n        //import('oidc-client').UserManagerSettings\n        let settings = await response.json();\n        settings.automaticSilentRenew = true;\n        settings.includeIdTokenInSilentRenew = true;\n        settings.userStore = new WebStorageStateStore({\n            prefix: ApplicationName\n        });\n\n        this.userManager = new UserManager(settings);\n\n        this.userManager.events.addUserSignedOut(async () => {\n            await this.userManager!.removeUser();\n            this.updateState(undefined);\n        });\n        //https://github.com/IdentityModel/oidc-client-js/blob/dev/src/UserManagerEvents.js\n        //this.userManager.events.addAccessTokenExpired(async () => {\n        //    await this.getAccessToken(); //this.signIn()\n        //});\n        this.userManager.events.addAccessTokenExpiring(async () => {\n            //await this.getAccessToken();\n\n            if (this._tokenNotifyTimeoutId > 0) {\n                window.clearTimeout(this._tokenNotifyTimeoutId);\n                this._tokenNotifyTimeoutId = 0;\n            }\n\n            this._tokenNotifyTimeoutId = window.setTimeout(this.notifySubscribers, 500);\n\n            //this.notifyTokenSubscribers();\n            console.log(\"token expiring...\")\n        });\n    }\n\n    static get instance() { return authService }\n}\n\nconst authService = new AuthorizeService();\n\nexport default authService;\n\nexport const AuthenticationResultStatus = {\n    Redirect: 'redirect',\n    Success: 'success',\n    Fail: 'fail'\n};\n","import React, { Component, Fragment } from 'react';\nimport { NavItem, NavLink } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport authService from './AuthorizeService';\nimport { ApplicationPaths } from './ApiAuthorizationConstants';\n\nexport class LoginMenu extends Component {\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            isAuthenticated: false,\n            userName: null\n        };\n    }\n\n    componentDidMount() {\n        this._subscription = authService.subscribe(() => this.populateState());\n        this.populateState();\n    }\n\n    componentWillUnmount() {\n        authService.unsubscribe(this._subscription);\n    }\n\n    async populateState() {\n        const [isAuthenticated, user] = await Promise.all([authService.isAuthenticated(), authService.getUser()])\n        this.setState({\n            isAuthenticated,\n            userName: user && user.name\n        });\n    }\n\n    render() {\n        const { isAuthenticated, userName } = this.state;\n        if (!isAuthenticated) {\n            const registerPath = `${ApplicationPaths.Register}`;\n            const loginPath = `${ApplicationPaths.Login}`;\n            return this.anonymousView(registerPath, loginPath);\n        } else {\n            const profilePath = `${ApplicationPaths.Profile}`;\n            const logoutPath = { pathname: `${ApplicationPaths.LogOut}`, state: { local: true } };\n            return this.authenticatedView(userName, profilePath, logoutPath);\n        }\n    }\n\n    authenticatedView(userName, profilePath, logoutPath) {\n        return (<Fragment>\n            <NavItem>\n                <NavLink tag={Link} to={profilePath}>{userName}</NavLink>\n            </NavItem>\n            <NavItem>\n                <NavLink tag={Link} to={logoutPath}>Logout</NavLink>\n            </NavItem>\n        </Fragment>);\n\n    }\n\n    anonymousView(registerPath, loginPath) {\n        return (<Fragment>            \n            <NavItem>\n                <NavLink tag={Link} to={loginPath}>Login</NavLink>\n            </NavItem>\n        </Fragment>);\n    }\n}\n","import { useMemo } from \"react\";\n\nexport interface IRoutePaths {\n    visitatieRapporten: string,\n    visitatieRapportenEdit: string,\n    goedePraktijken: string,\n    goedePraktijkenEdit: string,\n    shms: string,\n    gemeenten: string,\n    themas: string,\n    operationeleDoelstellingen: string,\n    gebruikers: string,\n    documenten: string,\n    zoekRapporten: string,\n    zoekGoedePraktijken: string,\n    zoekShmPrestaties: string,\n}\n\nconst useAppRoutes = () => {\n\n    const routePaths = useMemo((): IRoutePaths => ({\n        visitatieRapporten: \"/visitatierapporten\",\n        visitatieRapportenEdit: \"/visitatierapporten/:id\",\n        goedePraktijken: \"/goedepraktijken\",\n        goedePraktijkenEdit: \"/goedepraktijken/:id\",\n        shms: \"/shms\",\n        gemeenten: \"/gemeenten\",\n        themas: \"/themas\",\n        operationeleDoelstellingen: \"/operationeledoelstellingen\",\n        gebruikers: \"/gebruikers\",\n        documenten: \"/documenten\",\n        zoekRapporten: \"/zoek/rapporten\",\n        zoekGoedePraktijken: \"/zoek/goede-praktijken\",\n        zoekShmPrestaties: \"/zoek/shm-prestaties\",\n    }), [])\n\n    return routePaths;\n}\nexport default useAppRoutes;","import * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport authService from './api-authorization/AuthorizeService';\nimport { NavLink, UncontrolledDropdown, DropdownMenu, DropdownItem, DropdownToggle } from 'reactstrap';\nimport { NavLink as RRNavLink } from 'react-router-dom';\nimport useAppRoutes from '../AppRoutes';\n\nconst BeheerMenu = () => {\n\n\t//let _subscription: number | undefined;\n\tconst routePaths = useAppRoutes();\n\tconst [isAuthenticated, setIsAuthenticatded] = useState(false);\n\tconst [isAdmin, setIsAdmin] = useState(false);\n\t//const [mfaEnabled, setMfaEnabled] = useState(false);\n\t//const [profile, setProfile] = useState<OAuthProfile>();\n\n\tuseEffect(() => {\n\t\tauthService.getUser().then(p => {\n\t\t\tsetIsAdmin(p?.Role === \"Beheerder\");\n\t\t//\tsetMfaEnabled(p?.amr?.includes(\"mfa\") || false)\n\t\t})\n\t}, [])\n\n\tuseEffect(() => {\n\t\tconst _subscription = authService.subscribe(populateState);\n\t\tpopulateState();\n\t\treturn () => authService.unsubscribe(_subscription);\n\t}, []);\n\n\tconst populateState = async () => {\n\t\tconst result = await Promise.all([authService.isAuthenticated(), authService.getUser()]);\n\t\tsetIsAuthenticatded(result[0] || false);\n\t\t//setProfile(result[1]);\n\t}\n\n\tif (!isAuthenticated) // || !mfaEnabled)\n\t\treturn null;\n\n\treturn <UncontrolledDropdown nav inNavbar>\n\t\t<DropdownToggle nav caret>Instellingen</DropdownToggle>\n\t\t<DropdownMenu right>\n\t\t\t<DropdownItem>\n\t\t\t\t<NavLink\n\t\t\t\t\ttag={RRNavLink}\n\t\t\t\t\tactiveClassName=\"active\"\n\t\t\t\t\texact to={routePaths.goedePraktijken}>Goede praktijken\n\t\t\t\t</NavLink>\n\t\t\t</DropdownItem>\n\t\t\t<DropdownItem>\n\t\t\t\t<NavLink\n\t\t\t\t\ttag={RRNavLink}\n\t\t\t\t\tactiveClassName=\"active\"\n\t\t\t\t\texact to={routePaths.visitatieRapporten}>Visitatierapporten\n\t\t\t\t</NavLink>\n\t\t\t</DropdownItem>\n\t\t\t<DropdownItem>\n\t\t\t\t<NavLink\n\t\t\t\t\ttag={RRNavLink}\n\t\t\t\t\tactiveClassName=\"active\"\n\t\t\t\t\texact to={routePaths.documenten}>Documenten\n\t\t\t\t</NavLink>\n\t\t\t</DropdownItem>\n\t\t\t<DropdownItem divider />\n\t\t\t<DropdownItem>\n\t\t\t\t<NavLink\n\t\t\t\t\ttag={RRNavLink}\n\t\t\t\t\tactiveClassName=\"active\"\n\t\t\t\t\texact to={routePaths.gemeenten}>Gemeenten\n\t\t\t\t</NavLink>\n\t\t\t</DropdownItem>\n\t\t\t<DropdownItem>\n\t\t\t\t<NavLink\n\t\t\t\t\ttag={RRNavLink}\n\t\t\t\t\tactiveClassName=\"active\"\n\t\t\t\t\texact to={routePaths.operationeleDoelstellingen}>Operationele doelstellingen\n\t\t\t\t</NavLink>\n\t\t\t</DropdownItem>\n\t\t\t<DropdownItem>\n\t\t\t\t<NavLink\n\t\t\t\t\ttag={RRNavLink}\n\t\t\t\t\tactiveClassName=\"active\"\n\t\t\t\t\texact to={routePaths.shms}>Shm's\n\t\t\t\t</NavLink>\n\t\t\t</DropdownItem>\n\t\t\t<DropdownItem>\n\t\t\t\t<NavLink\n\t\t\t\t\ttag={RRNavLink}\n\t\t\t\t\tactiveClassName=\"active\"\n\t\t\t\t\texact to={routePaths.themas}>Thema's\n\t\t\t\t</NavLink>\n\t\t\t</DropdownItem>\n\n\t\t\t{isAdmin && <>\t\t\t\n\t\t\t\t<DropdownItem divider />\n\t\t\t\t<DropdownItem>\n\t\t\t\t\t<NavLink\n\t\t\t\t\t\ttag={RRNavLink}\n\t\t\t\t\t\tactiveClassName=\"active\"\n\t\t\t\t\t\texact to={routePaths.gebruikers}>Gebruikers\n\t\t\t\t\t</NavLink>\n\t\t\t\t</DropdownItem>\n\t\t\t</>}\n\n\t\t</DropdownMenu>\n\t</UncontrolledDropdown>\n\n}\nexport default BeheerMenu;","import * as React from 'react';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Collapse, Container, DropdownItem, DropdownMenu, DropdownToggle, Navbar, NavbarBrand, NavbarToggler, NavItem, NavLink, UncontrolledDropdown } from 'reactstrap';\nimport { Link, NavLink as RRNavLink, useLocation  } from 'react-router-dom';\nimport { LoginMenu } from './api-authorization/LoginMenu';\nimport './NavMenu.css';\nimport useAppRoutes from '../AppRoutes';\nimport BeheerMenu from './BeheerMenu';\n\n\nconst NavMenu = () => {\n\tconst routePaths = useAppRoutes();\n    const [expanded, setExpanded] = useState(false);\n\n\tconst { pathname } = useLocation();\n\n\t//collapse menu when changing react route.\n\tuseEffect(() => { pathname && setExpanded(false) }, [pathname]);\n\n    const toggleNav = useCallback(() => setExpanded(p => !p), [])\n\n\treturn <header>\n\t\t<Navbar className=\"navbar-expand-md navbar-toggleable-md ng-white border-bottom box-shadow mb-3\" light fixed='top' color=\"light\" > \n            <Container>\n                <NavbarBrand tag={Link} to=\"/\">Visitatieraad sociale huisvestingsmaatschappijen</NavbarBrand>\n                <NavbarToggler onClick={toggleNav} className=\"mr-2\" />\n                <Collapse className=\"d-md-inline-flex flex-md-row-reverse\" isOpen={expanded} navbar>\n                    <ul className=\"navbar-nav flex-grow\">\n                        <NavItem>\n\t\t\t\t\t\t\t<NavLink tag={Link} to=\"/\">Home</NavLink>\n                        </NavItem>\n\n\t\t\t\t\t\t<UncontrolledDropdown nav inNavbar>\n\t\t\t\t\t\t\t<DropdownToggle nav caret>Zoeken</DropdownToggle>\n\t\t\t\t\t\t\t<DropdownMenu right>\n\t\t\t\t\t\t\t\t<DropdownItem>\n\t\t\t\t\t\t\t\t\t<NavLink\n\t\t\t\t\t\t\t\t\t\ttag={RRNavLink}\n\t\t\t\t\t\t\t\t\t\tactiveClassName=\"active\"\n\t\t\t\t\t\t\t\t\t\texact to={routePaths.zoekGoedePraktijken}>Goede praktijken\n\t\t\t\t\t\t\t\t\t</NavLink>\n\t\t\t\t\t\t\t\t</DropdownItem>\n\t\t\t\t\t\t\t\t<DropdownItem>\n\t\t\t\t\t\t\t\t\t<NavLink\n\t\t\t\t\t\t\t\t\t\ttag={RRNavLink}\n\t\t\t\t\t\t\t\t\t\tactiveClassName=\"active\"\n\t\t\t\t\t\t\t\t\t\texact to={routePaths.zoekRapporten}>Visitatierapporten\n\t\t\t\t\t\t\t\t\t</NavLink>\n\t\t\t\t\t\t\t\t</DropdownItem>\n\t\t\t\t\t\t\t\t<DropdownItem>\n\t\t\t\t\t\t\t\t\t<NavLink\n\t\t\t\t\t\t\t\t\t\ttag={RRNavLink}\n\t\t\t\t\t\t\t\t\t\tactiveClassName=\"active\"\n\t\t\t\t\t\t\t\t\t\texact to={routePaths.zoekShmPrestaties}>SHM met goede of uitstekende prestaties\n\t\t\t\t\t\t\t\t\t</NavLink>\n\t\t\t\t\t\t\t\t</DropdownItem>\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t\t</UncontrolledDropdown>\n\n                        <BeheerMenu />\n                        <LoginMenu />\n                         \n                    </ul>\n                </Collapse>\n            </Container>\n        </Navbar>\n    </header>\n}\nexport default NavMenu;","import { Component } from 'react';\nimport * as React from 'react';\nimport { Container } from 'reactstrap';\nimport NavMenu from './NavMenu';\n\nexport class Layout extends Component {\n  static displayName = Layout.name;\n\n  render () {\n    return (\n        <>\n            <NavMenu />\n            <Container>\n                {this.props.children}\n            </Container>\n            <Footer />\n      </>\n    );\n  }\n}\n\n\n\nconst Footer = () => {\n\n    return <footer>\n        <div className=\"footer-col image\" >\n            <div className=\"iwgf2__logo__img\">\n                <svg viewBox=\"0 0 19.61 31.05\" height=\"40px\" width=\"25px\">\n                    <path data-name=\"Logo Vlaanderen\" d=\"M19.61 16c-1.08-.82-1.59 0-2.27 0s-1.12-1-1.56-.75c-.85.43.34 2 .86 2.27a12.51 12.51 0 0 0 1.18.59 1.72 1.72 0 0 1 1 1.55 3 3 0 0 1 0 .75c-.31 1.32-2.64 2.52-4 1.61a3 3 0 0 1-1.4-2c-.36-1.73-1.62-3-2-4.7-.25-1-.43-2.12-.7-3.15S10.17 10 9.94 9A27.44 27.44 0 0 0 9 5.92C7.71 2.61 7.14 2.85 7.14 2.85s.46.92 2.15 9A47.8 47.8 0 0 0 10.42 17c.16.42.44 1.32.62 1.72.54 1.16 2 2.92 2.05 4.51.05.92.16 1.68.18 2.37a7.37 7.37 0 0 0 .24 1.4c.35 1 3.14 4.09 6.1 4.09v-2.41a10.88 10.88 0 0 1-5.79-1.82 6.37 6.37 0 0 1 .35-1.7 2.78 2.78 0 0 1 2.39-1.94 17.91 17.91 0 0 1 3 .31V16zM6.82 7.36c-.11 1.77-2.87 4.2-3.73 5.75A11.43 11.43 0 0 0 2 15.95a7.53 7.53 0 0 0 .62 4.67c.91 2.18-.12 3 .59 2.54.88-.72.75-2.39.68-3.43a14.77 14.77 0 0 1 0-2.82 13.29 13.29 0 0 1 2.41-5.33 4.84 4.84 0 0 0 .52-4.22m.56 5s.29 1.4-1 5c-3.26 9.45 3 10.34 4.74 12.56 0 0 .69-1-2.14-4-1-1.12-2-3.6-1.15-7.15 1.17-5.13-.5-6.39-.5-6.39M1.21 6.2A4.53 4.53 0 0 1 1 4.7c.2-2.22 2.23-3.12 2.73-3.45A2.7 2.7 0 0 0 4.76 0a3 3 0 0 1-1.21 3.67A6.06 6.06 0 0 0 1.21 6.2m5.11-2.15c.11.23 1 1.45-2.48 4.27s-2.36 4.84-2.36 4.84-3.66-2 .56-5.53 3.35-4.2 3.35-4.2a1.05 1.05 0 0 1 .93.63m4.46 1.08c.59.08 1 1.92 2.35 2.32 1 .29 2.08.13 2.32.74a.52.52 0 0 0 .37.92c.39-1.12.58-5.24-5.03-3.98zm1.86.86c0-.13.12 0 .27-.12a1.66 1.66 0 0 1 .59-.48 1 1 0 0 1 .62 0c.12 0 0 .33 0 .4s-.74-.09-.74.32c0 .67.91 0 1.38 0 .23 1.64-2.48 1.19-2.08-.16z\"></path>\n                </svg>\n                <div className=\"iwgf2__logo__text\">\n                    <div className=\"iwgf2__logo__title\">Vlaanderen</div>\n                    <div className=\"iwgf2__logo__tagline\">verbeelding werkt</div>\n                </div>\n            </div>\n        </div>\n        <div className=\"footer-col Info\">\n\n            <h2 className=\"iwgf2__site-info__title\">Visitatieraad.be is een offici&euml;le website van de Vlaamse overheid</h2>\n            <div className=\"iwgf2__site-info__publisher\">\n                <span>uitgegeven door </span>\n                <span itemProp=\"publisher\" itemType=\"http://schema.org/Organization\">\n                    <a className=\"iwgf2__site-info__publisher__link\" rel=\"noreferrer\" itemProp=\"url\" href=\"https://www.vlaanderen.be/organisaties/administratieve-diensten-van-de-vlaamse-overheid/beleidsdomein-omgeving/wonen-vlaanderen\" target=\"_blank\"><span itemProp=\"name\">Wonen-Vlaanderen</span></a>\n                </span>\n            </div>\n\n\n        </div>\n\n    </footer>\n}\n","import { Link } from 'react-router-dom';\nimport useAppRoutes from '../AppRoutes';\n\nconst Home = () => {\n\n    const routePaths = useAppRoutes();\n\n    return <div>\n\n        <Link to={routePaths.zoekRapporten} className=\"btn btn-primary btn-block btn-lg\" role=\"button\" >\n            Zoek visitatierapporten\n        </Link>\n\n        <Link to={routePaths.zoekGoedePraktijken} className=\"btn btn-primary btn-block btn-lg\" role=\"button\" >\n            Goede praktijken\n        </Link>\n\n        <Link to={routePaths.zoekShmPrestaties} className=\"btn btn-primary btn-block btn-lg\" role=\"button\" >\n            Welke SHM levert goede of uitstekende prestaties?\n        </Link>\n            \n    </div>\n}\nexport default Home;","import React from 'react'\nimport { Component } from 'react';\nimport authService from './AuthorizeService';\nimport { AuthenticationResultStatus } from './AuthorizeService';\nimport { LoginActions, QueryParameterNames, ApplicationPaths } from './ApiAuthorizationConstants';\n\n// The main responsibility of this component is to handle the user's login process.\n// This is the starting point for the login process. Any component that needs to authenticate\n// a user can simply perform a redirect to this component with a returnUrl query parameter and\n// let the component perform the login and return back to the return url.\nexport class Login extends Component {\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            message: undefined\n        };\n    }\n\n    componentDidMount() {\n        const action = this.props.action;\n        switch (action) {\n            case LoginActions.Login:\n                this.login(this.getReturnUrl());\n                break;\n            case LoginActions.LoginCallback:\n                this.processLoginCallback();\n                break;\n            case LoginActions.LoginFailed:\n                const params = new URLSearchParams(window.location.search);\n                const error = params.get(QueryParameterNames.Message);\n                this.setState({ message: error });\n                break;\n            case LoginActions.Profile:\n                this.redirectToProfile();\n                break;\n            case LoginActions.Register:\n                this.redirectToRegister();\n                break;\n            default:\n                throw new Error(`Invalid action '${action}'`);\n        }\n    }\n\n    render() {\n        const action = this.props.action;\n        const { message } = this.state;\n\n        if (!!message) {\n            return <div>{message}</div>\n        } else {\n            switch (action) {\n                case LoginActions.Login:\n                    return (<div>Processing login</div>);\n                case LoginActions.LoginCallback:\n                    return (<div>Processing login callback</div>);\n                case LoginActions.Profile:\n                case LoginActions.Register:\n                    return (<div></div>);\n                default:\n                    throw new Error(`Invalid action '${action}'`);\n            }\n        }\n    }\n\n    async login(returnUrl) {\n        const state = { returnUrl };\n        const result = await authService.signIn(state);\n        switch (result.status) {\n            case AuthenticationResultStatus.Redirect:\n                break;\n            case AuthenticationResultStatus.Success:\n                await this.navigateToReturnUrl(returnUrl);\n                break;\n            case AuthenticationResultStatus.Fail:\n                this.setState({ message: result.message });\n                break;\n            default:\n                throw new Error(`Invalid status result ${result.status}.`);\n        }\n    }\n\n    async processLoginCallback() {\n        const url = window.location.href;\n        const result = await authService.completeSignIn(url);\n        switch (result.status) {\n            case AuthenticationResultStatus.Redirect:\n                // There should not be any redirects as the only time completeSignIn finishes\n                // is when we are doing a redirect sign in flow.\n                throw new Error('Should not redirect.');\n            case AuthenticationResultStatus.Success:\n                await this.navigateToReturnUrl(this.getReturnUrl(result.state));\n                break;\n            case AuthenticationResultStatus.Fail:\n                this.setState({ message: result.message });\n                break;\n            default:\n                throw new Error(`Invalid authentication result status '${result.status}'.`);\n        }\n    }\n\n    getReturnUrl(state) {\n        const params = new URLSearchParams(window.location.search);\n        const fromQuery = params.get(QueryParameterNames.ReturnUrl);\n        if (fromQuery && !fromQuery.startsWith(`${window.location.origin}/`)) {\n            // This is an extra check to prevent open redirects.\n            throw new Error(\"Invalid return url. The return url needs to have the same origin as the current page.\")\n        }\n        return (state && state.returnUrl) || fromQuery || `${window.location.origin}/`;\n    }\n\n    redirectToRegister() {\n        this.redirectToApiAuthorizationPath(`${ApplicationPaths.IdentityRegisterPath}?${QueryParameterNames.ReturnUrl}=${encodeURI(ApplicationPaths.Login)}`);\n    }\n\n    redirectToProfile() {\n        this.redirectToApiAuthorizationPath(ApplicationPaths.IdentityManagePath);\n    }\n\n    redirectToApiAuthorizationPath(apiAuthorizationPath) {\n        const redirectUrl = `${window.location.origin}/${apiAuthorizationPath}`;\n        // It's important that we do a replace here so that when the user hits the back arrow on the\n        // browser they get sent back to where it was on the app instead of to an endpoint on this\n        // component.\n        window.location.replace(redirectUrl);\n    }\n\n    navigateToReturnUrl(returnUrl) {\n        // It's important that we do a replace here so that we remove the callback uri with the\n        // fragment containing the tokens from the browser history.\n        window.location.replace(returnUrl);\n    }\n}\n","import React from 'react'\nimport { Component } from 'react';\nimport authService from './AuthorizeService';\nimport { AuthenticationResultStatus } from './AuthorizeService';\nimport { QueryParameterNames, LogoutActions, ApplicationPaths } from './ApiAuthorizationConstants';\n\n// The main responsibility of this component is to handle the user's logout process.\n// This is the starting point for the logout process, which is usually initiated when a\n// user clicks on the logout button on the LoginMenu component.\nexport class Logout extends Component {\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            message: undefined,\n            isReady: false,\n            authenticated: false\n        };\n    }\n\n    componentDidMount() {\n        const action = this.props.action;\n        switch (action) {\n            case LogoutActions.Logout:\n                if (!!window.history.state.state.local) {\n                    this.logout(this.getReturnUrl());\n                } else {\n                    // This prevents regular links to <app>/authentication/logout from triggering a logout\n                    this.setState({ isReady: true, message: \"The logout was not initiated from within the page.\" });\n                }\n                break;\n            case LogoutActions.LogoutCallback:\n                this.processLogoutCallback();\n                break;\n            case LogoutActions.LoggedOut:\n                this.setState({ isReady: true, message: \"You successfully logged out!\" });\n                break;\n            default:\n                throw new Error(`Invalid action '${action}'`);\n        }\n\n        this.populateAuthenticationState();\n    }\n\n    render() {\n        const { isReady, message } = this.state;\n        if (!isReady) {\n            return <div></div>\n        }\n        if (!!message) {\n            return (<div>{message}</div>);\n        } else {\n            const action = this.props.action;\n            switch (action) {\n                case LogoutActions.Logout:\n                    return (<div>Processing logout</div>);\n                case LogoutActions.LogoutCallback:\n                    return (<div>Processing logout callback</div>);\n                case LogoutActions.LoggedOut:\n                    return (<div>{message}</div>);\n                default:\n                    throw new Error(`Invalid action '${action}'`);\n            }\n        }\n    }\n\n    async logout(returnUrl) {\n        const state = { returnUrl };\n        const isauthenticated = await authService.isAuthenticated();\n        if (isauthenticated) {\n            const result = await authService.signOut(state);\n            switch (result.status) {\n                case AuthenticationResultStatus.Redirect:\n                    break;\n                case AuthenticationResultStatus.Success:\n                    await this.navigateToReturnUrl(returnUrl);\n                    break;\n                case AuthenticationResultStatus.Fail:\n                    this.setState({ message: result.message });\n                    break;\n                default:\n                    throw new Error(\"Invalid authentication result status.\");\n            }\n        } else {\n            this.setState({ message: \"You successfully logged out!\" });\n        }\n    }\n\n    async processLogoutCallback() {\n        const url = window.location.href;\n        const result = await authService.completeSignOut(url);\n        switch (result.status) {\n            case AuthenticationResultStatus.Redirect:\n                // There should not be any redirects as the only time completeAuthentication finishes\n                // is when we are doing a redirect sign in flow.\n                throw new Error('Should not redirect.');\n            case AuthenticationResultStatus.Success:\n                await this.navigateToReturnUrl(this.getReturnUrl(result.state));\n                break;\n            case AuthenticationResultStatus.Fail:\n                this.setState({ message: result.message });\n                break;\n            default:\n                throw new Error(\"Invalid authentication result status.\");\n        }\n    }\n\n    async populateAuthenticationState() {\n        const authenticated = await authService.isAuthenticated();\n        this.setState({ isReady: true, authenticated });\n    }\n\n    getReturnUrl(state) {\n        const params = new URLSearchParams(window.location.search);\n        const fromQuery = params.get(QueryParameterNames.ReturnUrl);\n        if (fromQuery && !fromQuery.startsWith(`${window.location.origin}/`)) {\n            // This is an extra check to prevent open redirects.\n            throw new Error(\"Invalid return url. The return url needs to have the same origin as the current page.\")\n        }\n        return (state && state.returnUrl) ||\n            fromQuery ||\n            `${window.location.origin}${ApplicationPaths.LoggedOut}`;\n    }\n\n    navigateToReturnUrl(returnUrl) {\n        return window.location.replace(returnUrl);\n    }\n}\n","import React, { Component, Fragment } from 'react';\nimport { Route } from 'react-router';\nimport { Login } from './Login'\nimport { Logout } from './Logout'\nimport { ApplicationPaths, LoginActions, LogoutActions } from './ApiAuthorizationConstants';\n\nexport default class ApiAuthorizationRoutes extends Component {\n\n  render () {\n    return(\n      <Fragment>\n          <Route path={ApplicationPaths.Login} render={() => loginAction(LoginActions.Login)} />\n          <Route path={ApplicationPaths.LoginFailed} render={() => loginAction(LoginActions.LoginFailed)} />\n          <Route path={ApplicationPaths.LoginCallback} render={() => loginAction(LoginActions.LoginCallback)} />\n          <Route path={ApplicationPaths.Profile} render={() => loginAction(LoginActions.Profile)} />\n          <Route path={ApplicationPaths.Register} render={() => loginAction(LoginActions.Register)} />\n          <Route path={ApplicationPaths.LogOut} render={() => logoutAction(LogoutActions.Logout)} />\n          <Route path={ApplicationPaths.LogOutCallback} render={() => logoutAction(LogoutActions.LogoutCallback)} />\n          <Route path={ApplicationPaths.LoggedOut} render={() => logoutAction(LogoutActions.LoggedOut)} />\n      </Fragment>);\n  }\n}\n\nfunction loginAction(name){\n    return (<Login action={name}></Login>);\n}\n\nfunction logoutAction(name) {\n    return (<Logout action={name}></Logout>);\n}\n","import { IDocument } from \"./IDocument\";\nimport { IShm } from \"./IShm\";\nimport { IVisitatieRapportGemeente } from \"./IVisitatieRapportGemeente\";\nimport { IVisitatieRapportVisitatieData } from \"./IVisitatieRapportVisitatieDatum\";\nimport { IVisitaiteRapportOperationeleDoelstelling } from \"./VisitatieRapportOperationeleDoelstelling\";\n\nexport enum VisitatieRapportActiviteitTypen {\n    Huuractiviteiten, Koopactiviteiten\n}\n\ninterface IVisitatieRapportBase {\n    id: number;\n    naam: string;\n    shmId?: number;\n    shm?: IShm;\n    publicatieDatum?: Date;\n    activiteit?: VisitatieRapportActiviteitTypen;\n    visitatieRonde?: number;\n    //gemeenten: number[];\n    visitatieData: IVisitatieRapportVisitatieData[];\n    documentId?: number;\n    document?: IDocument;\n    operationeleDoelstellingen: IVisitaiteRapportOperationeleDoelstelling[];\n    gepubliceerd: boolean;\n}\n\n//dataview from server.\nexport interface IVisitatieRapportData extends IVisitatieRapportBase {\n    gemeenten: IVisitatieRapportGemeente[];\n}\n\n//View in react\nexport interface IVisitatieRapport extends IVisitatieRapportBase {\n    gemeenten: number[];\n}\n\nexport const DefaultVisitatieRapport = (): IVisitatieRapport => ({\n    id: 0,\n    naam: \"\",\n    //shmId: 0,\n    //visitatieRonde: 0,\n    gemeenten: [],\n    visitatieData: [],\n    operationeleDoelstellingen: [],\n    publicatieDatum: new Date(),\n    gepubliceerd: false\n})","\nimport { Deferred } from \"devextreme/core/utils/deferred\";\nimport { SortDescriptor } from \"devextreme/data\";\nimport ArrayStore from \"devextreme/data/array_store\";\nimport CustomStore from \"devextreme/data/custom_store\";\nimport DataSource, { DataSourceOptions } from \"devextreme/data/data_source\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport authService from '../api-authorization/AuthorizeService';\n\n//interface IProps {\n//    apiUrl: string;\n//}\n\n//interface IPropsOptions {\n//    apiUrl: string;\n//}\n\nexport interface IServerValidationError {\n    title: string;\n    status: number;\n    errors: any;\n}\n\nconst useToken = () => {\n\n    const [token, setToken] = useState(\"\");\n\n\n    const updateToken = useCallback(() => {\n        console.log(\"updating useToken!\");\n        authService.getAccessToken().then(newToken => {\n            newToken && setToken(prev => prev !== newToken ? newToken : prev);\n        })\n        //newToken && setToken(prev => prev !== newToken ? newToken : prev);\n    },[])\n\n    useEffect(() => {\n        updateToken();\n        const subId = authService.subscribeForTokenChange(updateToken);\n        return () => authService.unsubscribeForTokenChange(subId)\n    }, [updateToken])\n\n    return token;\n}\n\n\nconst useFetchData = () => {\n\n    const fetchData = useCallback(async (url: string, values: any = null, method: \"GET\" | \"PUT\" | \"POST\" | \"DELETE\" = \"GET\", respIsText: boolean = false) => {\n        const token = await authService.getAccessToken();\n        let headers: any = { 'Content-Type': 'application/json' };\n        if (token)\n            headers[\"Authorization\"] = `Bearer ${token}`;\n\n        return await fetch(url, {\n            method,\n            headers,\n            body: values ? JSON.stringify(values) : null\n        })\n            .then(async resp => {\n                if (resp.status === 401) {\n                    //this.setState({ redirectToLogin: true });\n                    //history.createLocation(AuthorizeRoute.loginUrl());\n                    //AuthorizeRoute.\n                    // window.location.href = await AuthorizeRoute.loginUrl();\n\n                    //Should not happen. getAccessToken() will refresh the token if expired. (or throws error)\n                    throw Error(\"Userdef error: NOT LOGGED IN!\"); \n                }\n                if (resp.status !== 200) {\n                    const contentType = resp.headers.get(\"content-type\");\n                    \n\n                    if (contentType?.startsWith(\"text/plain\")) {\n                        return Promise.reject(\"Fout: \" + await resp.text().catch(() => \"\"));\n                    }\n\n                    const json: IServerValidationError = await resp.json().catch(() => \"\");\n                    let msg = \"Er is een fout opgetreden tijdens het verwerken van de gegevens.\";\n                    if (json && json.errors) {\n                        msg = \"Er zijn validatiefouten opgetreden\";\n                        //let prop: string[];\n                        for (let propName in json.errors) {\n                            msg += \"<br />\\n\" + json.errors[propName].join(\"; \");\n                        }\n                        return Promise.reject(msg);\n                    } else {\n                        return Promise.reject(\"Fout: \" + await resp.text().catch(() => \"\"));\n                    }\n                    //throw Error(msg);\n                }\n                return resp;\n            })\n            .then(async resp => (method === \"DELETE\")\n                ? await resp.text() === \"true\" \n                : respIsText ? await resp.text().catch(e => \"\") : await resp?.json().catch(e => \"\"));\n    }, [])\n\n    return fetchData;\n}\n\nconst useDataSourceOptions = (apiUrl: string, sort?: SortDescriptor<any> | Array<SortDescriptor<any>>, filter?: any, error?: (error : Error) => void): DataSourceOptions => {\n\n    const fetchData = useFetchData();\n\n    const createDataSourceOptions = useCallback((url: string): DataSourceOptions => {\n        return  {\n            //sort: \"naam\",            \n            store: new CustomStore({\n                key: \"id\",\n                loadMode: 'raw', //loadMode = raw is important for filter and sort processing!\n                byKey: async (key) => await fetchData(url + \"/\" + key),\n                load: async (loadOptions) => await fetchData(url), //.then((data: any[]) => (!sort && data) || data.sort((a: any, b: any) => a[sort || \"\"] < b[sort || \"\"] ? -1 : 1)),\n                insert: async (values) => await fetchData(url, values, \"POST\"),\n                update: async (key, values) => await fetchData(`${url}/${key}`, values, \"PUT\"),\n                remove: async (key) => await fetchData(`${url}/${key}`, \"\", \"DELETE\"),\n                errorHandler: error\n            }), filter, sort\n        }\n    }, [fetchData, sort, filter, error])\n\n    const options = useMemo(() => createDataSourceOptions(apiUrl), [apiUrl, createDataSourceOptions]);\n\n    return options;\n\n}\n\nconst useDataSource = (apiUrl: string, sort?: SortDescriptor<any> | Array<SortDescriptor<any>>, filter?: any, error?: (error: Error) => void): DataSource => {\n\n    const dsOptions = useDataSourceOptions(apiUrl, sort, filter, error);\n\n    const createStore = useCallback((url: string): DataSource =>\n        new DataSource(dsOptions)\n        , [dsOptions])\n\n    const dgSource = useMemo(() => {\n        console.log(\"create DS\", apiUrl);\n        return createStore(apiUrl);\n    }, [apiUrl, createStore]);\n    useEffect(() => () => { dgSource.dispose(); console.log(\"DS disposed\") }, [dgSource]);\n\n    return dgSource;\n}\n\nconst useListSourceOptions = <T extends { id?: number | string }>(list?: T[], sort?: SortDescriptor<any> | Array<SortDescriptor<any>>, filter?: any): DataSourceOptions => {\n\n    const createDataSourceOptions = useCallback((): DataSourceOptions => ({\n        store: new ArrayStore({ data: list, key: 'id' }),\n        paginate: true, pageSize: 15,\n        sort, filter\n\n    }), [filter, list, sort]);\n\n    const dgSource = useMemo(() => {\n        \n        return createDataSourceOptions();\n    }, [createDataSourceOptions]);\n\n    return dgSource;\n}\nconst useListSource = <T extends { id?: number | string }>(list?: T[], sort?: SortDescriptor<any> | Array<SortDescriptor<any>>, filter?: any) => {\n\n    const listOptions = useListSourceOptions(list, sort, filter);\n    const dgSource = useMemo(() => new DataSource(listOptions), [listOptions]);\n\n    useEffect(() => () => { dgSource?.dispose(); console.log(\"DS disposed\") }, [dgSource]);\n\n    return dgSource;\n}\n\nconst useUrlList = <T extends { id?: number, [x: string]: any }>(apiUrl: string, sortFn?: ((e: T) => any) | string): T[] => {\n\n    const fetcher = useFetchData();\n    const [list, setList] = useState<T[]>([]);\n\n    useEffect(() => {\n        const sortCompare = (a: T, b: T) => ((typeof sortFn === 'string' ? a[sortFn] : sortFn!(a)) > (typeof sortFn === 'string' ? b[sortFn] : sortFn!(b)) && 1) || -1;\n        fetcher(apiUrl).then((data: any[]) => setList((sortFn && (data.sort(sortCompare))) || data))\n    }, [fetcher, apiUrl, sortFn])\n\n    return list;\n}\n\nconst useUrlListSource = <T extends { id?: number, [x: string]: any }>(apiUrl: string, sort?: SortDescriptor<any> | Array<SortDescriptor<any>>, filter?: any): [DataSource?, T[]?] => {\n    const list = useUrlList<T>(apiUrl);\n    const ds = useListSource<T>(list, sort, filter);\n    return [ds, list];\n}\n\nexport { useFetchData, useDataSourceOptions, useUrlListSource, useListSource, useListSourceOptions, useUrlList, useToken };\nexport default useDataSource;","import { loadMessages, locale } from \"devextreme/localization\";\nimport { useEffect } from \"react\";\n\n//indien fout 'modole not found': run: 'npm run build' and check if typeings.d.ts exists (should be a typed json, we just use any for now)\nimport * as nlMessages from \"devextreme/localization/messages/nl.json\";\n\nconst useDutchDevExtreme = () => {\n\n    useEffect(() => {\n        loadMessages({\n            nl: {\n                ...nlMessages[\"nl\"],\n                \"dxHtmlEditor-dialogInsertTableRowsField\": \"Rijen\",\n                \"dxHtmlEditor-dialogInsertTableColumnsField\": \"Kolommen\",\n                \"dxHtmlEditor-dialogInsertTableCaption\": \"Tabel invoegen\",\n                \"dxHtmlEditor-heading\": \"Titel\",\n                \"dxHtmlEditor-normalText\": \"Normale tekst\",\n                \"dxHtmlEditor-background\": \"Achtergrond\",\n                \"dxHtmlEditor-bold\": \"Vet\",\n                \"dxHtmlEditor-color\": \"Kleur\",\n                \"dxHtmlEditor-font\": \"Lettertype\",\n                \"dxHtmlEditor-italic\": \"Cursief\",\n                \"dxHtmlEditor-link\": \"Link\",\n                \"dxHtmlEditor-image\": \"Afbeelding\",\n                \"dxHtmlEditor-size\": \"Grootte\",\n                \"dxHtmlEditor-strike\": \"Doorhalen\",\n                \"dxHtmlEditor-subscript\": \"subscript\",\n                \"dxHtmlEditor-superscript\": \"superscript\",\n                \"dxHtmlEditor-underline\": \"Onderstrepen\",\n                \"dxHtmlEditor-blockquote\": \"blokquote\",\n                \"dxHtmlEditor-header\": \"Hoofding\",\n                \"dxHtmlEditor-increaseIndent\": \"Inspringing vergroten\",\n                \"dxHtmlEditor-decreaseIndent\": \"Inspringing verkleinen\",\n                \"dxHtmlEditor-orderedList\": \"Nummering\",\n                \"dxHtmlEditor-bulletList\": \"Opsommingstekens\",\n                \"dxHtmlEditor-alignLeft\": \"Links uitlijnen\",\n                \"dxHtmlEditor-alignCenter\": \"Centreren\",\n                \"dxHtmlEditor-alignRight\": \"Rechts uilijnen\",\n                \"dxHtmlEditor-alignJustify\": \"Uitvullen\",\n                \"dxHtmlEditor-codeBlock\": \"Codeblok\",\n                \"dxHtmlEditor-variable\": \"Variable\",\n                \"dxHtmlEditor-undo\": \"Ongedaan maken\",\n                \"dxHtmlEditor-redo\": \"opnieuw uitvoeren\",\n                \"dxHtmlEditor-clear\": \"Opmaak wissen\",\n                \"dxHtmlEditor-insertTable\": \"Tabel invoegen\",\n                \"dxHtmlEditor-insertRowAbove\": \"Rij boven invoegen\",\n                \"dxHtmlEditor-insertRowBelow\": \"Rij onder invoegen\",\n                \"dxHtmlEditor-insertColumnLeft\": \"Kolom links invoegen\",\n                \"dxHtmlEditor-insertColumnRight\": \"Kolom rechts invoegen\",\n                \"dxHtmlEditor-deleteColumn\": \"Verwijder kolom\",\n                \"dxHtmlEditor-deleteRow\": \"Verwijder rij\",\n                \"dxHtmlEditor-deleteTable\": \"Verwijder tabel\",\n                \"dxHtmlEditor-list\": \"Lijst\",\n                \"dxHtmlEditor-ordered\": \"Geordend\",\n                \"dxHtmlEditor-bullet\": \"Genummerd\",\n                \"dxHtmlEditor-align\": \"Uitlijnen\",\n                \"dxHtmlEditor-center\": \"Centreren\",\n                \"dxHtmlEditor-left\": \"Links\",\n                \"dxHtmlEditor-right\": \"Rechts\",\n                \"dxHtmlEditor-indent\": \"Inspringen\",\n                \"dxHtmlEditor-justify\": \"Uitvullen\",\n            }\n        })\n        locale(\"nl\");\n    }, [])\n\n\n    return null;\n}\nexport default useDutchDevExtreme;","import { useEffect } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nconst ScrollToTop = () => {\n    const { pathname } = useLocation();\n\n    useEffect(() => {\n        window.scrollTo(0, 0);\n    }, [pathname]);\n\n    return null;\n}\nexport default ScrollToTop;","import { DataGrid } from \"devextreme-react\";\nimport { IStateStoringProps, StateStoring } from \"devextreme-react/data-grid\";\nimport { Editing } from \"devextreme/ui/data_grid\";\nimport * as React from \"react\";\nimport { ReactNode, RefObject, useMemo } from \"react\";\nimport useDataSource from \"./hooks/DataSource\";\n\ninterface IProps<TRow, TKey> {\n    dgRef?:  RefObject<DataGrid<TRow, TKey>> | undefined;\n    apiUrl: string;\n    children?: ReactNode | undefined;\n    allowAdd?: boolean;\n    allowUpdate?: boolean;\n    allowDelete?: boolean;\n    onSaaved?: () => void;\n    stateStoring?: IStateStoringProps\n}\n\nconst GenericDataGrid = <TRow, TKey>({ dgRef, apiUrl, children, allowAdd, allowDelete, allowUpdate, onSaaved, stateStoring }: IProps<TRow, TKey>) => {\n\n    const dgSource = useDataSource(apiUrl);    \n\n    const gridEditSettings = useMemo((): Editing<TRow, TKey> => ({\n        allowAdding: allowAdd,\n        allowDeleting: allowDelete,\n        allowUpdating: allowUpdate,\n        useIcons: true,\n        mode: \"batch\"\n    }), [allowAdd, allowDelete, allowUpdate])\n\n    return <DataGrid<TRow, TKey>\n        ref={dgRef}\n        dataSource={dgSource}\n        editing={gridEditSettings}\n        onSaved={onSaaved}        \n        stateStoring={stateStoring}\n        hoverStateEnabled\n    >\n        {children}\n    </DataGrid>\n}\n\nexport default GenericDataGrid;","import * as React from 'react';\nimport { Prompt } from 'react-router-dom';\nimport { useEffect, useCallback } from 'react';\n\ninterface IProps {\n\twhen?: boolean | (() => boolean | undefined);\n\tmessage?: string;\n}\n\nconst DirtyPrompt  = ({\n\twhen,\n\tmessage = \"Opgelet: Er werden wijzigingen aangebracht. Wil je de pagina verlaten zonder op te slaan?\" }\n\t: IProps) => {\n\n\tconst isDirty = useCallback((): boolean => (typeof when === \"function\" && when())\n\t\t\t\t\t\t\t\t\t\t\t|| (typeof when === \"boolean\" && when), [when])\n\n\tconst messageHandler = useCallback(() => isDirty() ? message : true, [isDirty, message])\n\n\tconst beforePageUnload = useCallback((e: BeforeUnloadEvent) => {\t\t\n\t\tif (isDirty()) {\n\t\t\te.preventDefault();\n\t\t\treturn e.returnValue = message;\n\t\t}\n\t}, [message, isDirty]);\n\n\tuseEffect(() => {\n\t\twindow.addEventListener('beforeunload', beforePageUnload);\n\t\treturn () => window.removeEventListener('beforeunload', beforePageUnload);\n\t}, [when, beforePageUnload]);\n\n\treturn <Prompt message={messageHandler} />;\n}\nexport default DirtyPrompt;","import DataGrid, { Column, IColumnProps, IStateStoringProps, Item, Pager, Paging, SearchPanel, Toolbar } from \"devextreme-react/data-grid\";\nimport { dxButtonOptions } from \"devextreme/ui/button\";\nimport * as React from \"react\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { generatePath, Link, useHistory } from \"react-router-dom\";\nimport GenericDataGrid from \"../../components/GenericDataGrid\";\nimport DirtyPrompt from \"../../components/DirtyPrompt\";\n\nexport interface IPageWithDataGridEditorProps {\n    apiUrl: string;\n\n    pageTitle?: string,\n\n    /**\n     * (optioneel) Deze kolom is een hyperlink als editUrl ingevuld werd.\n     * */\n    firstColumn?: string | IColumnProps;\n\n    /**\n     * extra (optionele) kolommen\n     * */\n    columns?: IColumnProps[];\n\n    /**\n     * enkel invullen als er een aparte editpagina is voor nieuwe of bestaande items.\n     * */\n    editPath?: string;\n\n    onSaved?: () => void;\n\n    stateStoreKey?: string;\n    allowAdd?: boolean\n}\n\nconst PageWithDataGridEditor = <TModel extends { id?: number }>({ apiUrl, pageTitle, firstColumn, columns, editPath, onSaved, stateStoreKey, allowAdd }: IPageWithDataGridEditorProps) => {\n    const history = useHistory();\n    \n    const createUrlForItem = useCallback((id: number) => generatePath(editPath || \"\", { id }), [editPath]);\n    const dgRef = useRef<DataGrid<TModel, number>>(null);\n\n    const addBtnOptions = useMemo((): dxButtonOptions => ({\n        onClick: () => history.push(createUrlForItem(0))\n    }), [history, createUrlForItem])\n\n    const renderFirstColomn = useCallback((data: { data: TModel, value: any, text: any }) => {\n        const { id } = data.data;\n        return <Link to={createUrlForItem(id || 0)}>{data.value || \"< Geen gegevens beschikbaar! >\"}</Link>;\n    }, [createUrlForItem])\n\n    const isDirtyHandler = useCallback(() => dgRef.current?.instance.hasEditData(), [])\n\n    const stateStoring = useMemo((): IStateStoringProps | undefined => (stateStoreKey && { storageKey: stateStoreKey, type: \"localStorage\", enabled: true }) || undefined, [stateStoreKey])\n    const allowedPageSizes = useMemo(() => [10, 20, 50, 100], []);\n    return <>\n        <DirtyPrompt when={isDirtyHandler} />\n        {pageTitle && <h2>{pageTitle}</h2>}\n        <GenericDataGrid<TModel, number>\n            dgRef={dgRef}\n            apiUrl={apiUrl}\n            allowAdd={allowAdd === undefined || allowAdd}\n            allowDelete\n            allowUpdate={!editPath}\n            onSaaved={onSaved}\n            stateStoring={stateStoring}                        \n        >\n            {firstColumn && ((typeof firstColumn === \"string\"\n                && <Column dataField={firstColumn} defaultSortIndex={0} defaultSortOrder=\"asc\" cellRender={(editPath && renderFirstColomn) || undefined}  />)\n                ||  <Column {...firstColumn} cellRender={(editPath && renderFirstColomn) || undefined} />)}\n\n            {columns?.map((col, idx) => <Column key={idx} {...col} />)}\n\n\n            {editPath && <Toolbar>\n                <Item name=\"addRowButton\" options={addBtnOptions} />\n                <Item name=\"revertButton\" />\n                <Item name=\"saveButton\" />\n                <Item name=\"searchPanel\" />\n            </Toolbar>}\n\n            <SearchPanel visible highlightSearchText />\n            <Pager visible showPageSizeSelector showNavigationButtons showInfo allowedPageSizes={allowedPageSizes} />\n\n            </GenericDataGrid>\n        </>;\n}\n\nexport default PageWithDataGridEditor;","import { IDocument } from \"./IDocument\";\nimport { IVisitatieRapportData } from \"./IVisitatieRapport\";\n\nexport interface IGoedePraktijkOperationeleDoelstelling {\n    id: number;\n    operationeleDoelstellingId: number;\n}\n\nexport interface IGoedePraktijkThema {\n    id: number;\n    themaId: number;\n}\n\ninterface IGoedePraktijkBase {\n    id: number;\n    titel: string;\n    htmlOmschrijving: string;\n    visitatieRapportId?: number;\n    gepubliceerd: boolean;\n}\n\nexport interface IGoedePraktijkDocument {\n    id: number;\n    documentId: number;\n    document?: IDocument\n}\n\nexport interface IGoedePraktijk extends IGoedePraktijkBase {\n    [x: string]: any;\n    operationeleDoelstellingen: number[];\n    themas: number[];\n    documenten: IDocument[];\n}\n\nexport interface IGoedePraktijkData extends IGoedePraktijkBase {\n    operationeleDoelstellingen: IGoedePraktijkOperationeleDoelstelling[];\n    themas: IGoedePraktijkThema[];\n    documenten: IGoedePraktijkDocument[];    \n\n}\nconst defaultGoedePraktijk: IGoedePraktijk = {\n    id: 0,\n    documenten: [],\n    htmlOmschrijving: \"\",\n    operationeleDoelstellingen: [],\n    themas: [],\n    titel: \"\",\n    gepubliceerd: false\n    //visitatieRapportId: 0\n}\n\nexport interface IGoedePraktijkPublicData {\n    id: number;\n    titel: string;\n    visitatieRapportDocument: IDocument;\n    themas: string[];\n    //operationeleDoelstellingen: string[];\n    documenten: IDocument[];\n    htmlOmschrijving: string;    \n}\n\nexport const DefaultGoedePraktijk = () => defaultGoedePraktijk;","\n\nexport const calcSize = (byteSize: number) : string => {\n    const sizes = [\"bytes\", \"KiB\", \"MiB\", \"GiB\", \"TiB\", \"PiB\", \"EiB\", \"ZiB\", \"YiB\"];\n    const sizeIdx = Math.floor(Math.log(byteSize) / Math.log(1024));\n    return Math.round(byteSize / Math.pow(1024.0, sizeIdx)) + sizes[sizeIdx];\n}","import * as React from \"react\";\nimport { DataGrid, Popup } from \"devextreme-react\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\n//import dxFileManager, { SelectionChangedEvent, ToolbarItemClickEvent } from \"devextreme/ui/file_manager\";\nimport { dxButtonOptions } from \"devextreme/ui/button\";\n\nimport useDataSource from \"./hooks/DataSource\";\nimport { IDocument, IDocumentPrivate } from \"../models/IDocument\";\n\nimport { Column, Paging, Selection } from \"devextreme-react/data-grid\";\nimport { ToolbarItem } from \"devextreme-react/popup\";\nimport { SelectionChangedEvent } from \"devextreme/ui/data_grid\";\nimport { calcSize } from \"./utils/FileUtils\";\n\ninterface IProps<TModel> {\n    selectedDocs?: TModel[] | TModel;\n    saveSelection: (docs: TModel[]) => void;\n    apiUrl: string;\n    multiple?: boolean;\n    showFileManager?: boolean;\n    setShowFileManager: (newValue: boolean) => void\n}\n\nconst FileSelection = <TModel extends { id?: number }>({ apiUrl, selectedDocs, saveSelection, multiple, showFileManager, setShowFileManager }: IProps<TModel>) => {\n    \n    const dsDocs = useDataSource(apiUrl);\n\n    const initialSelection = useMemo(() => (\n        (Array.isArray(selectedDocs) && selectedDocs)\n        || (selectedDocs && [selectedDocs!])\n        || []\n    ), [selectedDocs])\n\n    const [selection, setSelection] = useState(initialSelection)\n    const [focusedRowKey, setFocusedRowKey] = useState(initialSelection?.[0]?.id)\n\n    const selectionIds = useMemo(() => selection.map(doc => doc.id || 0), [selection])\n\n    //set component state when props from parent changes\n    useEffect(() => {\n        setSelection(initialSelection)\n        setFocusedRowKey(initialSelection?.[0]?.id)\n    }, [initialSelection])\n\n    //reset focused state when (re)openend\n    useEffect(() => {\n        showFileManager && setSelection(initialSelection)\n        showFileManager && setFocusedRowKey(initialSelection?.[0]?.id)\n    }, [initialSelection, showFileManager])\n\n\n    const selectClickHandler = useCallback(() => {\n        saveSelection(selection)\n    }, [saveSelection, selection]);\n    \n    const rowDblClickHandler = useCallback(() => {\n        (!multiple || selection.length === 1) && saveSelection(selection)\n    }, [saveSelection, selection, multiple]);\n\n    const closeFileManager = useCallback(() => setShowFileManager(false), [setShowFileManager])\n\n    const selectBtnOptions = useMemo((): dxButtonOptions => ({\n        text: \"Selectie gebruiken (\" + selection.length + \")\",\n        disabled: !selection.length,\n        type: \"default\",\n        icon: \"check\",\n        onClick: selectClickHandler,\n    }), [selectClickHandler, selection])\n\n\n    const cancelBtnOptions = useMemo((): dxButtonOptions => ({\n        text: \"Annuleren\",\n        icon: \"remove\",\n        onClick: closeFileManager,\n    }), [closeFileManager])\n\n    const selectionChangedHandler = useCallback((e: SelectionChangedEvent<TModel, number>) => {\n        setSelection(e.selectedRowsData)\n    }, [])\n\n    const iconCellRenderHandler = useCallback(() => {\n        return <i className=\"dx-icon dx-icon-pdffile\" />\n    }, [])\n\n    const sizeCellValueHandler = useCallback((e: IDocument) => {\n        return calcSize(e.size)\n    }, [])\n\n\n    const renderFileNameColomn = useCallback((data: { data: IDocumentPrivate, value: any, text: any }) => {\n        return <a target=\"_blank\" rel=\"noreferrer\" href={apiUrl + \"/\" + data.data.id}>{data.value || \"< Geen gegevens beschikbaar! >\"}</a>;\n    }, [apiUrl])\n\n    return <Popup visible={showFileManager} closeOnOutsideClick onHiding={closeFileManager} deferRendering showCloseButton={false} >\n\n        <ToolbarItem\n            text={\"Selecteer document\" + (multiple ? \"en\" : \"\")}\n            location=\"before\" />\n        \n        <ToolbarItem\n            widget=\"dxButton\"\n            location=\"after\"\n            options={selectBtnOptions} />\n\n        <ToolbarItem\n            widget=\"dxButton\"\n            location=\"after\"\n            options={cancelBtnOptions} />\n        \n        <DataGrid<TModel, number>\n            dataSource={dsDocs}\n            selectedRowKeys={selectionIds}\n            //onSelectedRowKeysChange={setSelection}\n            onSelectionChanged={selectionChangedHandler}\n            focusedRowEnabled\n            focusedRowKey={focusedRowKey}\n            onFocusedRowKeyChange={setFocusedRowKey}\n            height=\"100%\"\n            \n            onRowDblClick={rowDblClickHandler}\n        >\n            <Paging\n                enabled={false}\n                //defaultPageSize={50}\n            />\n            <Column fixed width=\"auto\" cellRender={iconCellRenderHandler} />\n            <Column dataField=\"fileName\" caption=\"Bestandsnaam\" cellRender={renderFileNameColomn} />\n\n            <Column dataField=\"countUsed\" width=\"auto\" caption=\"# Gebruikt\" />\n            <Column width={100} dataField=\"size\" calculateCellValue={sizeCellValueHandler} alignment=\"right\" calculateSortValue=\"size\" />\n            <Selection\n                mode={multiple ? \"multiple\" : \"single\"}\n                //showCheckBoxesMode={multiple ? \"always\" : \"none\"}\n                showCheckBoxesMode=\"always\"\n            />\n        </DataGrid>\n    </Popup>\n}\nexport default FileSelection;","import * as React from \"react\";\nimport {  FileUploader,  TagBox,  Validator } from \"devextreme-react\";\nimport { Button as TagBoxButton } from 'devextreme-react/tag-box';\nimport { UploadedEvent, UploadErrorEvent } from \"devextreme/ui/file_uploader\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { dxButtonOptions } from \"devextreme/ui/button\";\nimport FileSelection from \"./FileSelection\";\nimport { CustomRule } from \"devextreme-react/validator\";\nimport { useListSource } from \"./hooks/DataSource\";\n\ninterface IProps<TModel> {\n    apiUrl: string\n    token?: string\n    allowedExtensions: string[];\n    value?: TModel[] | TModel;\n    valueChange?: (e?: TModel[]) => void;\n    /**Textbox attributes */\n    inputAttr?: any;\n    /** default fieldname = fileName */\n    textFieldName?: string;\n    placeholder?: string;\n    required?: boolean;\n    requiredMessage?: string\n    /** inputFormName must have the same name as the input argument name on server! default is 'file'. \n     * public Post(IFormFile file, [FromForm] string chunkMetadata) */\n    inputFormName?: string\n    multiple?: boolean;\n    label?: string\n}\n\nconst FileBox = <TModel extends { id?: number, [x: string]: any }>({\n    apiUrl, token, allowedExtensions, valueChange, value, inputAttr, textFieldName,\n    placeholder, required, requiredMessage, inputFormName, multiple, label\n\n}: IProps<TModel>) => {\n\n    const refFileUpload = useRef<FileUploader>(null);\n    const [showFileManager, setShowFileManager] = useState(false);\n\n    //const beforeUploadDocHandler = useCallback(async (e: BeforeSendEvent) => {\n    //    e.request.setRequestHeader(\"Authorization\", \"Bearer \" + token)\n    //    setIsInDropZone(false)\n    //}, [token])\n\n    //converteer value altijd naar een array met docs.\n    const docs = useMemo(() => (Array.isArray(value) && value) || (value && [value]) || [], [value])\n    const dsDocs = useListSource(docs); //deze DS is nodig om tagbox items te kunnen verwijderen.\n\n    //const updateState = useCallback(() => (isArray(value) && value) || (value && [value]) || [], [value])\n\n    /*const [docs, setDocs] = useState<TModel[]>([])*/\n\n    //useEffect(() => {\n    //    setDocs((isArray(value) && value) || (value && [value]) || []);\n    //}, [value])\n\n    const headers = useMemo(() => ({\n        Authorization: \"Bearer \" + token\n    }), [token])\n\n    const saveSelectionHandler = useCallback((docs: TModel[]) => {\n        console.log(\"save selection handler\", docs);\n        valueChange?.(docs)\n        //setData(prev => ({ ...prev, documentId: docIds[0].id, document: docIds[0] }))\n        setShowFileManager(false)\n    }, [valueChange])\n\n    //const btnIconDoc = useMemo((): dxButtonOptions => ({\n    //    icon: \"pdffile\",\n    //    stylingMode: \"text\",\n    //    activeStateEnabled: false,\n    //    focusStateEnabled: false,\n    //    hoverStateEnabled: false\n    //}), [])\n\n    const btnClearDoc = useMemo((): dxButtonOptions => ({\n        icon: \"remove\",\n        stylingMode: \"text\",\n        hint: \"Alle documenten verwijderen van lijst?\",\n        disabled: false,\n        onClick: () => valueChange?.(), //{ setData(prev => ({ ...prev, document: undefined, documentId: 0 })) },\n        visible: docs.length > 1\n    }), [docs, valueChange])\n\n    const btnSelectDoc = useMemo((): dxButtonOptions => ({\n        icon: \"file\",\n        text: \"Bestand\" + (multiple ? \"(en)\" : \"\") + \" selecteren\",\n        hint: \"Selecteer bestaande documenten op de server\",\n        stylingMode: \"text\",\n        disabled: false,\n        //visible: !data.documentId,\n        onClick: () => setShowFileManager(true)\n    }), [multiple])\n\n    const btnUploadDoc = useMemo((): dxButtonOptions => ({\n        icon: \"upload\",\n        text: \"Bestand\" + (multiple ? \"(en)\" : \"\") + \" opladen\",\n        hint: \"Een nieuw document uploaden.\",\n      //  elementAttr: { id: \"uploadVr\" },\n        stylingMode: \"text\",\n        disabled: false,\n        //onClick\n        //visible: !data.documentId,\n        onClick: () => (refFileUpload.current?.instance as any)._selectButton.element().click()\n    }), [multiple])\n\n    const [isInDropZone, setIsInDropZone] = useState(false);\n    const enterDropZone = useCallback(() => {\n        setIsInDropZone(true);\n    }, [])\n    const leaveDropZone = useCallback(() => {\n        setIsInDropZone(false);\n    }, [])\n\n    /*const allowedFileExtensions = useMemo(() => ([\".pdf\"]), [])*/\n    const validateDoc = useCallback(() => !required || docs.length, [docs, required])\n\n    const onDocUploadedHandler = useCallback((e: UploadedEvent) => {\n        const json = JSON.parse(e.request.responseText) as TModel;\n        console.log(\"File send completed\", e, e.request.responseText, json);\n        valueChange?.(multiple ? [ ...docs, json] : [json]);\n\n    }, [valueChange, docs, multiple])\n\n    const onDocErrorHandler = useCallback((e: UploadErrorEvent) => {\n        e.message = \"ERROR: \" + e.request.responseText;\n        console.log(\"docError\", e);\n    }, [])\n\n    //const fileClickHandler = useCallback((e: ItemInfo) => {\n    //    console.log(\"file click\", e)\n    //    window.open(apiUrl + \"/\" + e.itemData.id, \"_BLANK\", \"noopener,noreferrer\");\n    //}, [apiUrl])\n\n    //const tagTemplate = useCallback((data: TModel, tagElement: HTMLElement) => {\n    //    console.log(\"tag\", data, tagElement)\n       \n    //    tagElement.addEventListener('click', () => {\n    //        window.open(apiUrl + \"/\" + data.id, \"_BLANK\", \"noopener,noreferrer\");\n    //    })\n    //    return tagElement;\n    //    //console.log(\"test\", e);\n    //    //return <p>test</p>\n    //}, [apiUrl])\n    //const tagValueChangedHandler = useCallback((e: ValueChangedEvent) => {\n    //    saveSelectionHandler(e.value)\n    //}, [saveSelectionHandler])\n\n    return <div className={\"filedrop \" + (isInDropZone ? \"dropzone-active\" : \"\")}>\n\n        {/*check showFileManager zodat doc data pas geladen wordt na klikken*/}\n        {showFileManager && <FileSelection<TModel>\n            apiUrl={apiUrl}\n            saveSelection={saveSelectionHandler}\n            selectedDocs={docs}\n            setShowFileManager={setShowFileManager}\n            showFileManager={showFileManager}\n            multiple={multiple}\n        />}\n        {/*<TextBox*/}\n        {/*    readOnly*/}\n        {/*    inputAttr={inputAttr}*/}\n        {/*    placeholder={placeholder}*/}\n        {/*    value={value?.[textFieldName || \"fileName\"]}>*/}\n        {/*    <TextBoxButton name=\"pdffile\" location=\"before\" options={btnIconDoc} />*/}\n        {/*    <TextBoxButton name=\"clearbtn\" location=\"after\" options={btnClearDoc} />*/}\n        {/*    <TextBoxButton name=\"selectfile\" location=\"after\" options={btnSelectDoc} />*/}\n        {/*    <TextBoxButton name=\"uploadfile\" location=\"after\" options={btnUploadDoc} />*/}\n        {/*    <Validator>*/}\n        {/*        <CustomRule message={requiredMessage} validationCallback={validateDoc} />*/}\n        {/*    </Validator>*/}\n        {/*</TextBox>*/}\n        <TagBox\n            //items={docs}\n            label={label}\n            value={docs}\n            inputAttr={inputAttr}\n            displayExpr={textFieldName || \"fileName\"} //werkt enkel met DS\n            hideSelectedItems //lijst verbergen (dummy lijst met huidige waarden)\n            openOnFieldClick={false}\n            valueExpr=\"id\" //werkt enkel met DS\n            dataSource={dsDocs} //moet via DS anders werkt de delete button op items niet!\n            placeholder={placeholder}\n            onValueChange={saveSelectionHandler}\n            //onItemClick={fileClickHandler}\n            //tagTemplate={tagTemplate}\n        >\n            {/*<TagBoxButton name=\"pdffile\" location=\"before\" options={btnIconDoc} />*/}\n            <TagBoxButton name=\"clearbtn\" location=\"after\" options={btnClearDoc} />\n            <TagBoxButton name=\"selectfile\" location=\"after\" options={btnSelectDoc} />\n            <TagBoxButton name=\"uploadfile\" location=\"after\" options={btnUploadDoc} />\n            <Validator>\n                <CustomRule message={requiredMessage} validationCallback={validateDoc} />\n            </Validator>\n        </TagBox>\n\n        <FileUploader\n            ref={refFileUpload}\n            //id=\"vdDocUpload\"\n            className=\"docUploader\"\n            name={inputFormName || \"file\"} //\"file\" //belangrijk anders is File op server null!\n            //selectButtonText=\"Visitatierapport opladen\"\n            selectButtonText=\"\"\n            //labelText=\"test.pdf\"\n            //accept=\"application/pdf\"\n            allowedFileExtensions={allowedExtensions}\n            uploadMode=\"instantly\"\n            allowCanceling\n            dropZone=\".filedrop\"            \n            //showFileList\n            uploadUrl={apiUrl}\n            //dropZone=\".container\"                \n            //onBeforeSend={beforeUploadDocHandler}\n            uploadHeaders={headers}\n            chunkSize={200000}\n            //showFileList={false}\n            multiple={multiple}\n            minFileSize={1}\n            maxFileSize={25 * 1024 * 1024}\n            onDropZoneEnter={enterDropZone}\n            onDropZoneLeave={leaveDropZone}\n            onValueChanged={leaveDropZone} //reset on invalid drops\n            invalidFileExtensionMessage=\"Het opgegeven bestandsformaat is ongeldig.\"\n            invalidMaxFileSizeMessage=\"Het opgegeven bestand is te groot.\"\n            uploadFailedMessage=\"Het uploaden is mislukt.\"\n            //dialogTrigger=\"#uploadVr\" // werkt niet omdat react element vervangen wordt (on textbox dataload)\n            onUploaded={onDocUploadedHandler}\n            onUploadError={onDocErrorHandler}\n        />\n\n    </div>\n}\nexport default FileBox;","import * as React from \"react\";\nimport { useCallback } from \"react\";\nimport notify from \"devextreme/ui/notify\";\n\nconst useNotification = () => {\n\n    const notifyHandler = useCallback((type: \"error\" | \"success\" | \"info\" | \"warning\", message: string, displayTime: number = 15000) => {\n        notify({\n            closeOnClick: true,\n            closeOnOutsideClick: true,\n            message\n        }, type, displayTime);\n    }, [])\n\n    return notifyHandler;\n}\nexport default useNotification;","import * as React from \"react\";\nimport { Button, HtmlEditor, SelectBox, TagBox, TextBox, ValidationGroup, ValidationSummary, Validator } from \"devextreme-react\";\nimport { Item, Toolbar } from \"devextreme-react/html-editor\";\nimport { ValueChangedInfo } from \"devextreme/ui/editor/editor\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { generatePath, useHistory, useParams } from \"react-router-dom\";\nimport { IApiUrls } from \"../../models/IApiUrls\";\nimport { DefaultGoedePraktijk, IGoedePraktijk, IGoedePraktijkData, IGoedePraktijkDocument, IGoedePraktijkOperationeleDoelstelling, IGoedePraktijkThema } from \"../../models/IGoedePraktijk\";\nimport useDataSource, { useFetchData, useListSource, useToken } from \"../../components/hooks/DataSource\";\nimport DirtyPrompt from \"../../components/DirtyPrompt\";\nimport FileBox from \"../../components/FileBox\";\nimport { IDocument } from \"../../models/IDocument\";\nimport { IPageLoading } from \"../../App\";\nimport { RequiredRule } from \"devextreme-react/validator\";\nimport useAppRoutes from \"../../AppRoutes\";\nimport useNotification from \"../../components/hooks/Notification\";\nimport { IListsModel } from \"../../models/IHomeModel\";\n\ninterface IProps extends IPageLoading {\n    apiUrls: IApiUrls,\n    lists: IListsModel\n\n}\n\ninterface IUrlParams {\n    id: string;\n}\n\nconst GoedePraktijk = ({ apiUrls, setPageLoading, lists }: IProps) => {\n    const params = useParams<IUrlParams>();\n    const fetcher = useFetchData();\n    const history = useHistory();\n    const routes = useAppRoutes();\n    const notify = useNotification();\n    //const fetchData = useFetchData();\n    const [data, setData] = useState<IGoedePraktijk>(DefaultGoedePraktijk());\n    const [dbOpDoel, setDbOpDoel] = useState<IGoedePraktijkOperationeleDoelstelling[]>([]);\n    const [dbThemas, setDbThemas] = useState<IGoedePraktijkThema[]>([]);\n    const [dbDocs, setDbDocs] = useState<IGoedePraktijkDocument[]>([]);\n    const [isDirty, setIsDirty] = useState(false);\n    const dsThema = useListSource(lists.themas, \"naam\"); // useUrlListSource(apiUrls.themas, \"naam\");\n    const opDoelFilter = useMemo(() => [\"!\", [\"hoofdDoelstellingId\", \"=\", null]], []);\n    const dsOpDoel = useListSource(lists.doelstellingen, \"naam\", opDoelFilter); // useUrlListSource(apiUrls.operationeleDoelstellingen, \"naam\", opDoelFilter);\n    const dsVisRp = useDataSource(apiUrls.visitatieRapporten, \"naam\");\n    const valGroup = useRef<ValidationGroup>(null);\n\n    const token = useToken();\n\n    const htmlOptions = useMemo(() => ({\n        sizeValues: ['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt'],\n        fontValues: ['Arial', 'Calibri', 'Courier New', 'Georgia', 'Impact', 'Lucida Console', 'Tahoma', 'Times New Roman', 'Verdana' ],  //, 'Flanders Art Sans', 'Flanders Art Serif'],\n        headerValues: [false, 1, 2, 3, 4, 5],\n        headerValuesRedacteur: [false, 3, 4],\n        mediaResizing: { enabled: true },\n        tableResizing: { enabled: true },\n        tableContextMenu: { enabled: true },\n\n    }), []);\n\n    const titelChangedHandler = useCallback((e: ValueChangedInfo) => setData(p => ({ ...p, titel: e.value })), [])\n    const opDoelChangedHandler = useCallback((e: ValueChangedInfo) => setData(p => ({ ...p, operationeleDoelstellingen: e.value })), [])\n    const themaChangedHandler = useCallback((e: ValueChangedInfo) => setData(p => ({ ...p, themas: e.value })), [])\n    const visRpChangedHandler = useCallback((e: ValueChangedInfo) => setData(p => ({ ...p, visitatieRapportId: e.value })), [])\n    const omschrChangedHandler = useCallback((e: ValueChangedInfo) => setData(p => ({ ...p, htmlOmschrijving: e.value })), [])\n\n    const docChangedHandler = useCallback((doc?: IDocument[]) => {\n        setData(prev => ({ ...prev, documenten: doc || [] }))\n    }, [])\n\n    const createView = useCallback((apidata: IGoedePraktijkData) => {\n        //keep gemeenten data (so we can send existing ids back to server)\n        setDbOpDoel(apidata.operationeleDoelstellingen);\n        setDbThemas(apidata.themas);\n        setDbDocs(apidata.documenten);\n        //Convert gemeenten\n        setData({\n            ...apidata,\n            operationeleDoelstellingen: apidata.operationeleDoelstellingen.map(od => od.operationeleDoelstellingId),\n            themas: apidata.themas.map(t => t.themaId),\n            documenten: apidata.documenten.map(d => d.document!)\n        });\n        setIsDirty(false); //(re)loaded\n        setPageLoading(false)\n    }, [setPageLoading])\n\n\n    //Set dirty flag on data changes\n    useEffect(() => {\n        //also executed on load! Will reset in next effect (data loading)\n        data && setIsDirty(true);\n    }, [data])\n\n    //load data. (only runs when url id changes)\n    useEffect(() => {\n        //Reset data!\n        setIsDirty(false); //dirty flag false when loading with id 0\n        if (+params.id !== data.id) {\n            setPageLoading(true);\n            setDbOpDoel([]); \n            setDbThemas([]);\n            setDbDocs([]);\n            +params.id > 0 && fetcher(`${apiUrls.goedePraktijken}/${params.id}`).then(createView);\n        }\n    }, [fetcher, params.id, createView, apiUrls.goedePraktijken, setPageLoading, data.id])\n\n    //save data\n    const sendData = useCallback((publish: boolean = false) => {\n        const isValid = valGroup.current!.instance.validate().isValid;\n        if (!isValid) {\n            notify(\"warning\", \"Er zijn validatiefouten!\");\n            return;\n        }\n\n        setPageLoading(true);\n\n        const operationeleDoelstellingen = data.operationeleDoelstellingen\n            .map(id => dbOpDoel.find(p => p.operationeleDoelstellingId === id) || { id: 0, operationeleDoelstellingId: id });\n\n        const themas = data.themas.map(id => dbThemas.find(p => p.themaId === id) || { id: 0, themaId: id });\n        const documenten = data.documenten.map(doc => {\n            const result = dbDocs.find(p => p.documentId === doc.id) || { id: 0, documentId: doc.id }\n            return { id: result.id, documentId: result.documentId }\n        });\n\n        const newData: IGoedePraktijkData = {\n            ...data,\n            operationeleDoelstellingen,\n            themas,\n            documenten,\n            gepubliceerd: data.gepubliceerd || publish\n        };\n\n        console.log(\"send data\", newData);\n\n        fetcher(apiUrls.goedePraktijken + (data.id !== 0 ? '/' + data.id : ''), newData, data.id === 0 ? 'POST' : 'PUT').then((resp: IGoedePraktijkData) => {\n            console.log(\"response\", resp);\n            createView(resp);\n            data.id !== resp.id && history.replace(generatePath(routes.goedePraktijkenEdit, { id: resp.id }))\n            notify(\"success\", \"Opslaan geslaagd!\");\n        }).catch(() => {\n            setPageLoading(false);\n            notify(\"error\", \"Opslaan mislukt!\")\n        });\n\n    }, [createView, data, dbOpDoel, dbThemas, fetcher, apiUrls.goedePraktijken, dbDocs, setPageLoading, history, routes.goedePraktijkenEdit, notify])\n    \n    const onSaveHandler = useCallback(() => sendData(), [sendData])\n\n    const onPublishHandler = useCallback(() => sendData(true), [sendData])\n\n    const allowedFileExtensions = useMemo(() => ([\".pdf\"]), [])\n\n    return <ValidationGroup ref={valGroup}>\n        <DirtyPrompt when={isDirty} />\n        <h2>{isDirty ? \"*\" : \"\"}Goede praktijk: {data.titel}</h2>\n\n        \n        <div className=\"form-group\">\n            <label className=\"\">Titel</label>\n            <TextBox\n                value={data.titel}\n                onValueChanged={titelChangedHandler}\n            >\n                <Validator>\n                    <RequiredRule message=\"Titel is verplicht.\" />\n                </Validator>\n            </TextBox>\n        </div>\n\n        <div className=\"form-group\">\n            <label className=\"\">Operationele doelstellingen</label>\n            <TagBox\n                dataSource={dsOpDoel}\n                value={data.operationeleDoelstellingen}\n                onValueChanged={opDoelChangedHandler}\n                //hideSelectedItems\n                showSelectionControls\n                //hint=\"geef één of meerdere gemeenten op.\"                \n                displayExpr=\"naam\"\n                valueExpr=\"id\"\n                //searchExpr={[\"naam\", \"postcode\"]}\n                searchEnabled\n            >\n                <Validator>\n                    <RequiredRule message=\"Geef minstens één operationele doelstelling op.\" />\n                </Validator>\n            </TagBox>\n        </div>\n\n        <div className=\"form-group\">\n\n            <label className=\"\">Thema</label>\n            <TagBox\n                dataSource={dsThema}\n                value={data.themas}\n                onValueChanged={themaChangedHandler}\n                //hideSelectedItems\n                showSelectionControls\n                //hint=\"geef één of meerdere gemeenten op.\"                \n                displayExpr=\"naam\"\n                valueExpr=\"id\"\n                //searchExpr={[\"naam\", \"postcode\"]}\n                searchEnabled\n            />\n        </div>\n\n        <div className=\"form-group\">\n\n            <label>Visitatierapport</label>\n            <SelectBox\n                dataSource={dsVisRp}\n                //displayExpr={shmFormatNaam}\n                //displayExpr={\"naam\"}\n                valueExpr=\"id\"\n                displayExpr=\"naam\"\n                searchEnabled\n                searchMode=\"contains\"\n                //minSearchLength={2}\n                //searchExpr={['nummer', 'naam']}\n                value={data.visitatieRapportId}\n                onValueChanged={visRpChangedHandler}\n            >\n                <Validator>\n                    <RequiredRule message=\"Visitatierapport is verplicht.\" />\n                </Validator>\n            </SelectBox>\n        </div>\n\n        <div className=\"form-group\">\n            <label>Document(en)</label>\n\n            <FileBox<IDocument>\n                apiUrl={apiUrls.documenten}\n                value={data.documenten}\n                token={token}\n                //allowedExtensions={allowedFileExtensions}\n                valueChange={docChangedHandler}\n                placeholder=\"(optioneel) PDF-documenten...\"\n                allowedExtensions={allowedFileExtensions}\n                //inputAttr={inputAttr.doc}\n                //required\n                //requiredMessage=\"Visitatierapport is verplicht\"\n                multiple\n            />\n\n            {/*<FileUploader*/}\n            {/*    name=\"file\"*/}\n            {/*    selectButtonText=\"Selecteer visitatierapport\"*/}\n            {/*    //labelText=\"test.pdf\"*/}\n            {/*    accept=\"application/pdf\"*/}\n            {/*    uploadMode=\"instantly\"*/}\n            {/*    allowCanceling*/}\n            {/*    showFileList*/}\n            {/*    uploadUrl={apiUrls.documenten}*/}\n            {/*    chunkSize={200000}*/}\n            {/*    minFileSize={1}*/}\n            {/*    maxFileSize={40000000}*/}\n            {/*    multiple*/}\n            {/*    //onUploaded={onDocUploadedHandler}*/}\n            {/*/>*/}\n        </div>\n\n        <div className=\"form-group\">\n            <label>Beschrijving</label>\n            <HtmlEditor\n                id={\"gp_omschr_\" + data.id}\n            \n                allowSoftLineBreak\n                mediaResizing={htmlOptions.mediaResizing}\n                tableResizing={htmlOptions.tableResizing}\n                tableContextMenu={htmlOptions.tableContextMenu}\n                valueType=\"html\"\n                value={data.htmlOmschrijving}\n                onValueChanged={omschrChangedHandler}\n            >\n                <Toolbar multiline>\n                    <Item name=\"undo\" />\n                    <Item name=\"redo\" />\n                    <Item name=\"separator\" />\n                    <Item\n                        name=\"size\"\n                        acceptedValues={htmlOptions.sizeValues}\n                    />\n                    <Item\n                        name=\"font\"\n                        acceptedValues={htmlOptions.fontValues}\n                    />\n                    <Item name=\"separator\" />\n                    <Item name=\"bold\" />\n                    <Item name=\"italic\" />\n                    <Item name=\"strike\" />\n                    <Item name=\"underline\" />\n                    <Item name=\"separator\" />\n                    <Item name=\"alignLeft\" />\n                    <Item name=\"alignCenter\" />\n                    <Item name=\"alignRight\" />\n                    <Item name=\"alignJustify\" />\n                    <Item name=\"separator\" />\n                    <Item name=\"orderedList\" />\n                    <Item name=\"bulletList\" />\n                    <Item name=\"separator\" />\n                    <Item\n                        name=\"header\"\n                        acceptedValues={htmlOptions.headerValues}\n                    />\n                    <Item name=\"separator\" />\n                    <Item name=\"color\" />\n                    <Item name=\"background\" />\n                    <Item name=\"separator\" />\n                    <Item name=\"link\" />\n                    <Item name=\"image\" />\n                    <Item name=\"separator\" />\n                    <Item name=\"clear\" />\n                    <Item name=\"codeBlock\" />\n                    <Item name=\"blockquote\" />\n                    <Item name=\"separator\" />\n                    <Item name=\"insertTable\" />\n                    <Item name=\"deleteTable\" />\n                    <Item name=\"insertRowAbove\" />\n                    <Item name=\"insertRowBelow\" />\n                    <Item name=\"deleteRow\" />\n                    <Item name=\"insertColumnLeft\" />\n                    <Item name=\"insertColumnRight\" />\n                    <Item name=\"deleteColumn\" />\n                </Toolbar>\n\n                <Validator>\n                    <RequiredRule message=\"Beschrijving is verplicht.\" />\n                </Validator>\n            \n            </HtmlEditor>\n        </div>\n\n        <div className=\"form-group\">\n            <ValidationSummary width=\"100%\" />\n        </div>\n\n        <div className=\"form-group buttons\">\n            <Button text=\"Opslaan als concept\" onClick={onSaveHandler} type=\"normal\" visible={!data.gepubliceerd} />\n            <Button text=\"Publiceren\" onClick={onPublishHandler} type=\"default\" />\n        </div>\n\n        \n    </ValidationGroup>;\n}\nexport default GoedePraktijk;","import { DataGrid } from \"devextreme-react\";\nimport { Editing, Item, Toolbar } from \"devextreme-react/data-grid\";\nimport { EditingStartEvent, NewRowInfo } from \"devextreme/ui/data_grid\";\nimport * as React from \"react\";\nimport { useCallback } from \"react\";\n\ninterface IProps<TModel extends { id?: number }> {\n    gridRef?: React.RefObject<DataGrid<TModel, number>>\n    list: any[];\n    valueChanged: (list: any[]) => void;\n    children?: React.ReactChild | React.ReactChild[]\n    onEditing?: (e: EditingStartEvent<TModel, number>) => void;\n}\n\nconst DataGridArrayList = <TModel extends { id?: number }>({ gridRef, list, valueChanged, children, onEditing }: IProps<TModel>) => {\n\n    const [newId, setNewId] = React.useState(0);\n\n//    const test = useRef<DataGrid<TModel, number>>(null);\n    const createNewId = useCallback(() => {\n        setNewId(p => --p);\n        return newId\n    }, [newId])\n\n    const triggerChanged = useCallback(() => {\n        valueChanged(list);\n    }, [valueChanged, list])\n\n    const newRowData = useCallback((e: NewRowInfo<TModel>) => e.data.id = createNewId(), [createNewId])\n\n    return <DataGrid<TModel, number>\n        ref={gridRef}\n        keyExpr=\"id\"\n        hoverStateEnabled\n        showRowLines\n        dataSource={list}\n        onSaved={triggerChanged}\n        onInitNewRow={newRowData}\n        onEditingStart={onEditing}\n    >\n        <Editing allowAdding allowDeleting allowUpdating mode=\"batch\" useIcons />\n        <Toolbar>\n            <Item name=\"addRowButton\" location=\"left\" />\n        </Toolbar>\n        {children}\n\n    </DataGrid>\n}\nexport default DataGridArrayList;","//import * as React from \"react\";\nimport { dxDateBoxOptions } from \"devextreme/ui/date_box\";\nimport { useMemo } from \"react\";\n\nconst useContstanten = () => {\n\n    const activiteiten = useMemo((): { id: number, text: string }[] => [\n        { id: 0, text: \"Huuractiviteiten\" },\n        { id: 1, text: \"Koopactiviteiten\" }\n    ], [])\n\n    const visitatieronden = useMemo((): { id: number, text: string }[] => [\n        { id: 1, text: \"1e visitatieronde\" },\n        { id: 2, text: \"2e visitatieronde\" }\n    ], [])\n\n    const operationeleDoelstellingScore = useMemo((): { id: number, text: string }[] => [\n        { id: 0, text: \"Goed\" },\n        { id: 1, text: \"Zeer goed\" },\n        { id: 2, text: \"Uitstekend\" }\n    ], [])\n\n    const dateOptions = useMemo((): dxDateBoxOptions => ({\n        dateSerializationFormat: \"yyyy-MM-dd\",\n        displayFormat: \"dd/MM/yyyy\",\n        placeholder: \"dd/mm/yyyy\",\n        openOnFieldClick: true\n    }), [])\n\n\n    return { activiteiten, visitatieronden, operationeleDoelstellingScore, dateOptions };\n}\nexport default useContstanten;","import * as React from \"react\";\nimport { Button, DataGrid, DateBox, RadioGroup, SelectBox, TagBox, TextBox, ValidationGroup, ValidationSummary, Validator } from \"devextreme-react\";\nimport { Column, Lookup, RequiredRule } from \"devextreme-react/data-grid\";\nimport { ValueChangedInfo } from \"devextreme/ui/editor/editor\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { generatePath, useHistory, useParams } from \"react-router\";\nimport { IApiUrls } from \"../../models/IApiUrls\";\nimport { IDocument } from \"../../models/IDocument\";\nimport { DefaultVisitatieRapport, IVisitatieRapport, IVisitatieRapportData } from \"../../models/IVisitatieRapport\";\nimport { IVisitatieRapportGemeente } from \"../../models/IVisitatieRapportGemeente\";\nimport { IVisitatieRapportVisitatieData } from \"../../models/IVisitatieRapportVisitatieDatum\";\nimport { IVisitaiteRapportOperationeleDoelstelling } from \"../../models/VisitatieRapportOperationeleDoelstelling\";\nimport DataGridArrayList from \"../../components/DataGridArrayEdit\";\nimport useContstanten from \"../../Constanten\";\nimport { useDataSourceOptions, useFetchData, useListSource, useListSourceOptions, useToken, useUrlListSource } from \"../../components/hooks/DataSource\";\nimport DirtyPrompt from \"../../components/DirtyPrompt\";\nimport FileBox from \"../../components/FileBox\";\nimport { IPageLoading } from \"../../App\";\nimport useAppRoutes from \"../../AppRoutes\";\nimport useNotification from \"../../components/hooks/Notification\";\nimport { IListsModel } from \"../../models/IHomeModel\";\n\ninterface IProps extends IPageLoading {\n    apiUrl: string\n    apiUrls: IApiUrls\n    lists: IListsModel\n}\ninterface IUrlParams {\n    id: string;\n}\n\nconst VisitatieRapport = ({ apiUrls, setPageLoading, lists }: IProps) => {\n\n    const history = useHistory();\n    const notify = useNotification();\n    const routes = useAppRoutes();\n    const params = useParams<IUrlParams>();\n    //const refFileUpload = useRef<FileUploader>(null);\n    //const refUploadBtn = useRef<TextBoxButton>(null);\n    //const fetchData = useFetchData();\n    const [data, setData] = useState<IVisitatieRapport>(DefaultVisitatieRapport());\n    //const [newKey, setNewKey] = useState(0);\n    const dsGem = useListSource(lists.gemeenten, \"naam\");\n    const dsShm = useListSource(lists.shms, \"naam\");\n    const opDoelFilter = useMemo(() => [\"!\", [\"hoofdDoelstellingId\", \"=\", null]], []);\n    //const [, allDocs] = useUrlListSource<IDocument>(apiUrls.documenten);\n    const dsOpDoel = useListSourceOptions(lists.doelstellingen, \"naam\", opDoelFilter); \n    const fetcher = useFetchData();\n    const valGroup = useRef<ValidationGroup>(null);\n    const vdRef = useRef<DataGrid<IVisitatieRapportVisitatieData, number>>(null);\n    const odRef = useRef<DataGrid<IVisitaiteRapportOperationeleDoelstelling, number>>(null);\n    //const dsVrOperDoel = useListSource(data.operationeleDoelstellingen);\n    const [isDirty, setIsDirty] = useState(false);\n    const [dbGemeenten, setDbGemeenten] = useState<IVisitatieRapportGemeente[]>([]);\n\n    const token = useToken();\n\n    //useEffect(() => {\n    //    console.log(\"new token\", token);\n    //}, [token])\n\n    //const token = useToken();\n    //Set dirty flag on data changes\n    useEffect(() => {\n        //also executed on load! Will reset in next effect (data loading)\n        data && setIsDirty(true);\n    }, [data])\n\n    const setDataState = useCallback((apidata: IVisitatieRapportData) => {\n        //keep gemeenten data (so we can send existing ids back to server)\n        setDbGemeenten(apidata.gemeenten);\n        //Convert gemeenten\n        setData({ ...apidata, gemeenten: apidata.gemeenten.map(gem => gem.gemeenteId) });\n        setIsDirty(false); //(re)loaded\n        setPageLoading(false);\n    }, [setPageLoading])\n\n    //load data. (only runs when url id changes)\n    useEffect(() => {\n        setIsDirty(false); //dirty flag false when loading with id 0\n        if (+params.id !== data.id) {\n            setDbGemeenten([]); //Reset gem data!\n            console.log(\"loading visitaiterapport\", params.id);\n            setPageLoading(+params.id > 0);\n            +params.id > 0 && fetcher(`${apiUrls.visitatieRapporten}/${params.id}`).then(setDataState);\n        }\n    }, [fetcher, params.id, setDataState, apiUrls.visitatieRapporten, setPageLoading, data.id])\n\n\n    const shmFormatNaam = useCallback((data) => data && ((data?.nummer || '') + ' - ' + (data?.naam || '')), [])\n\n    const { activiteiten, visitatieronden, operationeleDoelstellingScore, dateOptions } = useContstanten();\n\n    //const addNewRowOnContentReady = useCallback((e: EventInfo<dxDataGrid>) => data.id === 0 && !e.component.hasEditData() && e.component.addRow(), [data.id])\n\n    const naamChangedHandler     = useCallback((e: ValueChangedInfo) => setData(p => ({ ...p, naam: e.value })), [])\n    const gemChangedHandler      = useCallback((e: ValueChangedInfo) => setData(p => ({ ...p, gemeenten: e.value })), [])\n    const shmChangedHandler      = useCallback((e: ValueChangedInfo) => setData(p => ({ ...p, shmId: e.value })), [])\n    const pubDateChangedHandler  = useCallback((e: ValueChangedInfo) => setData(p => ({ ...p, publicatieDatum: e.value })), [])\n    const activityChangedHandler = useCallback((e: ValueChangedInfo) => setData(p => ({ ...p, activiteit: e.value })), [])\n    const rondeChangedHandler    = useCallback((e: ValueChangedInfo) => setData(p => ({ ...p, visitatieRonde: e.value })), [])\n    //unbound datagrid arrays needs manual updates in react state.\n    const visitatieDataChangedHandler = useCallback((e: IVisitatieRapportVisitatieData[]) =>\n        setData(p => ({ ...p, visitatieData: e })), [])\n\n    const operatDoelDataChangedHandler = useCallback((e: IVisitaiteRapportOperationeleDoelstelling[]) =>\n        setData(p => ({ ...p, operationeleDoelstellingen: e })), [])\n\n    const dataGridIsValid = useCallback((dgRef: React.RefObject<DataGrid<any, number>>) => {\n        if (+params.id === 0 && !dgRef.current!.instance.hasEditData())\n            return false;\n        dgRef.current!.instance.saveEditData();\n        return !dgRef.current!.instance.hasEditData();\n    }, [params.id])\n\n    const setNewIdsInList = useCallback((items: { id: number }[]) =>\n        items.forEach(item => item.id = (item.id < 0 && 0) || item.id)\n    , [])\n\n    const validate = useCallback((): boolean => {\n        const isValid = valGroup.current!.instance.validate().isValid;\n        //const visDataValid = dataGridIsValid(vdRef);\n        const oprDoelValid = isValid && dataGridIsValid(odRef);\n\n        return (isValid && oprDoelValid) || false;\n    }, [dataGridIsValid])\n\n    const sendData = useCallback((publish: boolean = false) => {\n        //save datagrids in state and validate form\n        if (!validate()) {\n            //console.log(\"er zijn validatiefouten!\");\n            notify(\"warning\", \"Er zijn validatiefouten!\");                \n            return;\n        }\n        vdRef.current?.instance.saveEditData();\n        setPageLoading(true);\n        //Recreate dataobject for gemeenten.\n        const gemeenten = data.gemeenten.map(gemeenteId => dbGemeenten.find(p => p.gemeenteId === gemeenteId) || { id: 0, gemeenteId });\n        const newData: IVisitatieRapportData = {\n            ...data,\n            //only send docId. Otherwise EF will try to add the existing record which results in a duplicate key error.\n            documentId: data.document?.id || 0,\n            document: undefined,\n            gemeenten,\n            gepubliceerd: data.gepubliceerd || publish\n        };\n        //reset ids to 0 (insert) when id < 0\n        setNewIdsInList(newData.operationeleDoelstellingen)\n        setNewIdsInList(newData.visitatieData)\n\n        //send data to API (add or update)\n        console.log(\"send data\", newData);\n        var apiUrl = apiUrls.visitatieRapporten + (data.id !== 0 ? '/' + data.id : '');\n        fetcher(apiUrl, newData, data.id === 0 ? 'POST' : 'PUT').then((resp: IVisitatieRapportData) => {\n            console.log(resp)\n            setDataState(resp);\n            data.id !== resp.id && history.replace(generatePath(routes.visitatieRapportenEdit, { id: resp.id }));\n            notify(\"success\", \"Opslaan geslaagd.\", 5000);\n        }).catch(() => {\n            setPageLoading(false);\n            notify(\"error\", \"Opslaan mislukt!\");\n        });\n    }, [data, fetcher, setDataState, dbGemeenten, apiUrls.visitatieRapporten, setNewIdsInList, setPageLoading, validate, history, routes.visitatieRapportenEdit, notify])\n    \n    const onPublishHandler = useCallback(() => sendData(true), [sendData])\n    const onSaveHandler = useCallback(() => sendData(), [sendData])\n\n    const inputAttr = useMemo(() => ({\n        naam: { id: 'naam' },\n        gemeenten: { id: 'gemeenten' },\n        shm: { id: 'shm' },\n        doc: { id: 'vrdoc' }, \n        pubDate: { id: 'pubdate' },\n    }), [])\n\n    //const [token, settoken] = useState(\"\");\n\n    //useEffect(() => {\n    //    authService.getAccessToken().then(d => settoken(d || \"\"))\n    //}, [])\n    const docChangedHandler = useCallback((doc?: IDocument[]) => {\n        setData(prev => ({ ...prev, documentId: doc?.[0]?.id || 0, document: doc?.[0] }))\n    }, [])\n\n    const allowedFileExtensions = useMemo(() => ([\".pdf\"]), [])\n    const makeDirty = useCallback(() => setIsDirty(true), [])\n    const gemSearchExprHandler = useMemo(() => [\"naam\",\"postcode\"] , [])\n    //const newRowData = useCallback((e: NewRowInfo<{ id: number }>) => e.data = { id: 0 }, [])\n    return <ValidationGroup ref={valGroup}>\n        <DirtyPrompt when={isDirty} />\n        <h2>{isDirty ? \"*\" : \"\"}Visitatierapport: {data.naam}</h2>\n\n        <div className=\"form-group\">\n            <label htmlFor={inputAttr.naam.id}>Naam</label>\n            <TextBox\n               // label=\"Naam\"\n                inputAttr={inputAttr.naam}\n                value={data.naam}\n                placeholder=\"Naam van rapport...\"\n                onValueChanged={naamChangedHandler}\n            //onValueChange={writeModel}\n            >\n                <Validator>\n                    <RequiredRule message=\"Naam is verplicht.\" />\n                </Validator>\n            </TextBox>\n        </div>\n\n        <div className=\"form-group\">\n            <label htmlFor={inputAttr.gemeenten.id}>Gemeenten</label>\n            <TagBox\n                inputAttr={inputAttr.gemeenten}\n                dataSource={dsGem}\n                value={data.gemeenten}\n                onValueChanged={gemChangedHandler}\n                showSelectionControls\n                //hideSelectedItems\n                placeholder=\"Geeft één of meerdere gemeenten op...\"\n                hint=\"Geef één of meerdere gemeenten op.\"                \n                displayExpr=\"naam\"\n                valueExpr=\"id\"\n                //applyValueMode=\"instantly\"\n                //displayValue=\"naam\"\n                searchExpr={gemSearchExprHandler }\n                searchEnabled                \n            >\n                <Validator>\n                    <RequiredRule message=\"Geef minstens één gemeente op.\" />\n                </Validator>\n            </TagBox>\n        </div>\n\n        <div className=\"form-group\">\n            <label htmlFor={inputAttr.shm.id} >SHM </label>\n            <SelectBox\n                inputAttr={inputAttr.shm}\n                dataSource={dsShm}\n                displayExpr={shmFormatNaam}\n                //displayExpr={\"naam\"}\n                placeholder=\"Naam van SHM...\"\n                valueExpr=\"id\"\n                searchEnabled\n                searchMode=\"contains\"\n                //minSearchLength={2}\n                searchExpr={['nummer', 'naam']}\n                value={data.shmId}\n                onValueChanged={shmChangedHandler}\n            >\n                <Validator>\n                    <RequiredRule message=\"Shm is verplicht.\"/>\n                </Validator>\n            </SelectBox>\n        </div>\n\n        <div className={\"form-group\"}>\n            <label htmlFor={inputAttr.doc.id}>Rapport</label>\n            <FileBox<IDocument>\n                apiUrl={apiUrls.documenten}\n                value={data.document}\n                token={token}\n                allowedExtensions={allowedFileExtensions}\n                valueChange={docChangedHandler}\n                placeholder=\"PDF-document van visitatierapport...\"\n                inputAttr={inputAttr.doc}\n                required\n                requiredMessage=\"Visitatierapport is verplicht.\"                \n            />\n        </div>\n\n        <div className=\"form-group\">\n            <label htmlFor={inputAttr.pubDate.id}>Publicatiedatum</label>\n            <DateBox\n                //value={data.publicatieDatum}\n                inputAttr={inputAttr.pubDate}\n                dateSerializationFormat=\"yyyy-MM-dd\"\n                displayFormat=\"dd/MM/yyyy\"\n                placeholder=\"dd/mm/yyyy\"\n                value={data.publicatieDatum}\n                onValueChanged={pubDateChangedHandler}\n                openOnFieldClick\n            >\n                <Validator>\n                    <RequiredRule message=\"Publicatiedatum is verplicht.\" />\n                </Validator>\n            </DateBox>\n        </div>\n\n        <div className=\"form-group\">\n            <label>Visitatiedata</label>\n            <DataGridArrayList<IVisitatieRapportVisitatieData>\n                gridRef={vdRef}\n                list={data.visitatieData}\n                valueChanged={visitatieDataChangedHandler}\n                onEditing={makeDirty }\n            >\n                <Column dataField=\"datum\" dataType=\"date\" editorOptions={dateOptions} format=\"dd MMM yyyy\" >\n                    <RequiredRule />\n                </Column>\n            </DataGridArrayList>\n        </div>\n\n        <div className=\"row\" >\n            <div className=\"col-md\">\n                <div className=\"form-group\">\n                    <label>Activiteit</label>\n                    <RadioGroup items={activiteiten} value={data.activiteit} onValueChanged={activityChangedHandler} valueExpr=\"id\" >\n                        <Validator>\n                            <RequiredRule message=\"Activiteit is verplicht.\" />\n                        </Validator>\n                    </RadioGroup>\n                </div>\n            </div>\n            <div className=\"col-md\">\n                <div className=\"form-group\">\n                    <label>Visitatieronde</label>\n                    <RadioGroup items={visitatieronden} value={data.visitatieRonde} onValueChanged={rondeChangedHandler} valueExpr=\"id\" >\n                        <Validator>\n                            <RequiredRule message=\"Visitatieronde is verplicht.\" />\n                        </Validator>\n                    </RadioGroup>\n                </div>\n            </div>\n        </div>\n\n        <div className=\"form-group\">\n            <label>Operationele doelstellingen</label>\n            <DataGridArrayList<IVisitaiteRapportOperationeleDoelstelling>\n                gridRef={odRef}\n                list={data.operationeleDoelstellingen}\n                valueChanged={operatDoelDataChangedHandler}\n                onEditing={makeDirty} >\n                <Column dataField=\"operationeleDoelstellingId\" caption=\"Operationele doelstelling\">\n                    <Lookup\n                        dataSource={dsOpDoel}                        \n                        valueExpr=\"id\"\n                        displayExpr=\"naam\" />\n                    <RequiredRule />\n                </Column>\n\n                <Column dataField=\"score\" width={120}>\n                    <Lookup\n                        dataSource={operationeleDoelstellingScore}\n                        valueExpr=\"id\"\n                        displayExpr=\"text\" />\n                    <RequiredRule />\n                </Column>\n                <Column dataField=\"paginaNr\" dataType=\"number\" width={100} >\n                    <RequiredRule />\n                </Column>\n\n            </DataGridArrayList>\n        </div>\n\n\n        <div className=\"form-group\">\n            <ValidationSummary width=\"100%\" />\n        </div>\n        <div className=\"form-group buttons\">\n            <Button text=\"Opslaan als concept\" onClick={onSaveHandler} type=\"normal\" visible={!data.gepubliceerd}/>\n            <Button text=\"Publiceren\" onClick={onPublishHandler} type=\"default\"  />\n        </div>\n\n    </ValidationGroup>\n}\nexport default VisitatieRapport;","\nimport { TreeList, Validator } from \"devextreme-react\";\nimport { Column, Editing, IStateStoringProps, RequiredRule } from \"devextreme-react/tree-list\";\nimport * as React from \"react\";\nimport { IOperationeleDoelstelling } from \"../../models/OperationeleDoelstelling\";\nimport useDataSource from \"../../components/hooks/DataSource\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport DirtyPrompt from \"../../components/DirtyPrompt\";\n\ninterface IProps {\n    apiUrl: string;\n    stateStoreKey?: string;\n    onSaaved?: () => void;\n}\n\nconst OperationeleDoelstellingen = ({ apiUrl, stateStoreKey, onSaaved }: IProps) => {\n\n    const ds = useDataSource(apiUrl);\n    const tlRef = useRef<TreeList<IOperationeleDoelstelling, number>>(null);\n    const isDirtyHandler = useCallback(() => tlRef.current?.instance.hasEditData(), [])\n    const stateStoring = useMemo((): IStateStoringProps | undefined => (stateStoreKey && { storageKey: stateStoreKey, type: \"localStorage\", enabled: true }) || undefined, [stateStoreKey])\n\n    return <>\n        <DirtyPrompt when={isDirtyHandler} />\n        <h2>Operationele doelstellingen</h2>\n        <TreeList<IOperationeleDoelstelling, number>\n            ref={tlRef}\n            dataSource={ds}\n            parentIdExpr=\"hoofdDoelstellingId\"\n            stateStoring={stateStoring}\n            rootValue={undefined}\n            noDataText={undefined}\n            onSaved={onSaaved}   \n        >\n            <Column dataField=\"naam\" >\n                \n                    <RequiredRule />                \n\n            </Column>\n\n            <Editing\n                mode=\"batch\"\n                useIcons={true}\n                //startEditAction=\"dblClick\"\n                //startEditAction=\"click\"\n                allowAdding={true}\n            \n                allowDeleting={true}\n                allowUpdating={true} />\n\n            {/*<RowDragging*/}\n            {/*    onReorder={onReorder}*/}\n            {/*    //onDragStart={(e: any) => e.cancel = !e.itemData.id}*/}\n            {/*    allowDropInsideItem={true}*/}\n            {/*    allowReordering={true} />*/}\n\n    </TreeList>\n    </>\n}\nexport default OperationeleDoelstellingen;","import { useHistory } from \"react-router-dom\";\nimport { useEffect, useState } from \"react\";\n\n//callback definition.\ntype SetStateType<T> = ((prevState: T) => T) | T;\n\nconst useLocationState = <T extends any>(defaultState: T)\n    : [T, (newState: SetStateType<T>) => void] => {\n\n    const { replace, location } = useHistory<T>();\n    const [state, setState] = useState<T>(location.state || defaultState);\n\n    //save state in locationState\n    useEffect(() => {\n        location.state !== state && replace({ state });        \n    }, [replace, state, location.state])\n\n    return [state, setState];\n}\n\nexport default useLocationState;","import * as React from \"react\";\nimport { Button, DataGrid, SelectBox, ValidationGroup, Validator } from \"devextreme-react\";\nimport { Column, Button as GridButton } from \"devextreme-react/data-grid\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { IGemeente } from \"../models/IGemeente\";\nimport { useFetchData, useListSource } from \"../components/hooks/DataSource\";\nimport { IApiUrls } from \"../models/IApiUrls\";\nimport { IListsModel } from \"../models/IHomeModel\";\nimport { IPageLoading } from \"../App\";\nimport { RequiredRule } from \"devextreme-react/validator\";\nimport useLocationState from \"../components/hooks/LocationState\";\n\ninterface IProps extends IPageLoading {\n    apiUrls: IApiUrls\n    lists: IListsModel;\n}\n\ninterface IVisitatieRapportItem {\n    jaar: number;\n    shmNaam: string;\n    activiteit: string;\n    visitatieronde: string;\n    score: string;\n    documentLink: string;\n}\n\ninterface IFormData {\n    gemeenteId?: number;\n    shmId?: number;\n    searchType?: \"Gemeente\" | \"Shm\";\n}\n\nconst ZoekRapporten = ({ apiUrls, lists, setPageLoading }: IProps) => {\n\n    const resultsRef = useRef<HTMLDivElement>(null);\n    const valGroupGemRef = useRef<ValidationGroup>(null);\n    const valGroupShmRef = useRef<ValidationGroup>(null);\n    const dsGem = useListSource(lists.gemeenten, \"naam\"); // useUrlListSource(apiUrls.gemeenten);\n    const dsShm = useListSource(lists.shms, \"naam\"); // useUrlListSource(apiUrls.shms);\n    const renderGemeenteSelectText = useCallback((item: IGemeente) =>\n        item && item.naam + \" (\" + item.postcode + \")\", [])\n\n    const [formData, setFormData] = useLocationState<IFormData>({});    \n\n    const [data, setData] = useState<any[]>([]);\n    const [searchMsg, setSearchMsg] = useState(\"\");\n\n    const fetcher = useFetchData();\n\n    const searchData = useCallback((endpoint: string, message: (apiData: any[]) => string) => {\n        setPageLoading(true);\n        setData([]);\n        setSearchMsg(\"Bezig met zoeken...\");\n        fetcher(endpoint).then(apiData => {\n            setData(apiData);\n            setSearchMsg(message(apiData));\n            setPageLoading(false);\n            resultsRef.current?.scrollIntoView({ behavior: \"smooth\" })\n        }).catch(() => setPageLoading(false));\n    }, [setPageLoading, fetcher])\n\n    const searchByGemeente = useCallback(() => {\n        valGroupGemRef.current?.instance.validate().isValid && searchData(\n            apiUrls.zoekRapportGemeente + \"/\" + formData.gemeenteId,\n            (apiData: any[]) => apiData.length + (apiData.length === 1 ? \" resultaat\" : \" resultaten\") + \" voor gemeente \" + lists.gemeenten?.find(g => g.id === formData.gemeenteId)?.naam\n        );\n    }, [formData.gemeenteId, apiUrls, lists.gemeenten, searchData])\n\n    const searchByShm = useCallback(() => {\n        valGroupShmRef.current?.instance.validate().isValid && searchData(\n            apiUrls.zoekRapportShm + \"/\" + formData.shmId,\n            (apiData: any[]) => apiData.length + (apiData.length === 1 ? \" resultaat\" : \" resultaten\") + \" voor SHM \" + lists.shms?.find(s => s.id === formData.shmId)?.naam\n        )\n    }, [formData.shmId, apiUrls, lists.shms, searchData])\n\n    useEffect(() => {        \n        switch (formData.searchType) {\n            case \"Gemeente\": searchByGemeente(); break;\n            case \"Shm\":      searchByShm(); break;\n            default: break;\n        }\n    }, [formData.searchType, searchByGemeente, searchByShm])\n\n    const openDoc = useCallback((e: { column: any, row: { data: IVisitatieRapportItem } }) => {\n        document.location = e.row.data.documentLink;\n    }, [])\n\n    const gemeenteChangeHandler = useCallback((gemeenteId: number) => setFormData(prev => ({ ...prev, gemeenteId, searchType: undefined })), [setFormData])\n    const shmChangeHandler = useCallback((shmId: number) => setFormData(prev => ({ ...prev, shmId, searchType: undefined })), [setFormData])\n\n    const searchGemeenteClickHandler = useCallback(() => setFormData(prev => ({ ...prev, searchType: \"Gemeente\" })), [setFormData])\n    const searchShmClickHandler = useCallback(() => setFormData(prev => ({ ...prev, searchType: \"Shm\" })), [setFormData])\n\n    const searchExprGemeente = useMemo(() => [\"naam\", \"postcode\"], [])\n    const searchExprShm = useMemo(() => [\"naam\", \"nummer\"], [])\n\n    return <>\n        <h2>Hoe presteert de sociale huisvestingsmaatschappij (SHM) in uw buurt?</h2>\n\n        <div className=\"row search-row\">\n\n            <ValidationGroup ref={valGroupGemRef} className=\"col-md search-box\">\n\n                <h4>Zoeken op gemeente</h4>\n                <SelectBox\n                    dataSource={dsGem}\n                    placeholder=\"Gemeente / Postcode\"\n                    searchExpr={searchExprGemeente}\n                    displayExpr={renderGemeenteSelectText}\n                    searchEnabled\n                    //applyValueMode=\"instantly\"\n                    searchTimeout={200}\n                    valueExpr=\"id\"\n                    onValueChange={gemeenteChangeHandler}\n                    value={formData.gemeenteId}\n                    onEnterKey={searchGemeenteClickHandler}                    \n                >\n                    <Validator>\n                        <RequiredRule message=\"Gemeente is verplicht\" />\n                    </Validator>\n                </SelectBox>\n                <Button text=\"Zoeken\" onClick={searchGemeenteClickHandler} width=\"100%\" />\n\n            </ValidationGroup>\n\n            <ValidationGroup ref={valGroupShmRef} className=\"col-md search-box\">\n                <h4>Zoeken op SHM</h4>\n                <SelectBox\n                    dataSource={dsShm}\n                    placeholder=\"SHM naam / SHM nummer\"\n                    searchExpr={searchExprShm}\n                    //displayExpr={renderGemeenteSelectText}\n                    displayExpr=\"naam\"\n                    searchEnabled\n                    searchTimeout={200}\n                    valueExpr=\"id\"\n                    onValueChange={shmChangeHandler}\n                    value={formData.shmId}\n                    onEnterKey={searchShmClickHandler}\n                >\n                    <Validator>\n                        <RequiredRule message=\"Shm is verplicht\" />\n                    </Validator>\n                </SelectBox>\n\n                <Button text=\"Zoeken\" onClick={searchShmClickHandler} width=\"100%\" />\n            </ValidationGroup>\n\n        </div>\n        <div id=\"results\" ref={resultsRef}>\n            <h4>{searchMsg} </h4>\n            <DataGrid<IVisitatieRapportItem, number> dataSource={data}>\n\n                <Column dataField=\"jaar\" width=\"auto\" />\n                <Column dataField=\"shmNummer\" width=\"auto\" />\n                <Column dataField=\"naamRapport\" caption=\"Rapport\" />\n                <Column dataField=\"maatschappelijkeZetelGemeenteNaam\" caption=\"Maatschappelijke zetel\" width=\"auto\" />\n                <Column dataField=\"activiteit\" width=\"auto\" />\n                <Column dataField=\"visitatieronde\" width=\"auto\" />\n                {/*<Column dataField=\"documentLink\" />*/}\n                <Column type=\"buttons\" width={50}>\n                    <GridButton hint=\"Visitatierapport openen\" icon=\"download\" onClick={openDoc} />\n                </Column>\n            </DataGrid>\n        </div>\n    </>;\n}\nexport default ZoekRapporten;","import { CheckBox } from \"devextreme-react\";\nimport * as React from \"react\";\nimport { useCallback } from \"react\";\n\ninterface IProps {\n    text: string, value: any, checked: boolean, onCheckChanged: (value: any, checked: boolean) => void\n}\n\nconst ValueCheckBox = ({ text, value, checked, onCheckChanged }: IProps) => {\n\n    const onValueChangedHandler = useCallback((checked: any) =>\n        onCheckChanged(value, checked), [value, onCheckChanged]);\n\n    return <CheckBox\n        text={text}\n        value={checked}\n        onValueChange={onValueChangedHandler}\n    />\n}\n\nexport default ValueCheckBox;","import * as React from \"react\";\nimport { Button, TextBox, TreeList } from \"devextreme-react\";\nimport { Column, Selection } from \"devextreme-react/tree-list\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { IGoedePraktijkPublicData } from \"../models/IGoedePraktijk\";\nimport { IOperationeleDoelstelling } from \"../models/OperationeleDoelstelling\";\nimport { useFetchData, useListSource } from \"../components/hooks/DataSource\";\nimport useLocationState from \"../components/hooks/LocationState\";\nimport ValueCheckBox from \"../components/ValueCheckBox\";\nimport { IApiUrls } from \"../models/IApiUrls\";\nimport { calcSize } from \"../components/utils/FileUtils\"\nimport { IListsModel } from \"../models/IHomeModel\";\nimport { IThema } from \"../models/IThema\";\nimport { IPageLoading } from \"../App\";\n\ninterface IProps extends IPageLoading {\n    apiUrls: IApiUrls;\n    lists: IListsModel;    \n}\n\ninterface IFormData {\n    trefwoord: string;\n    themas: number[];\n    operationeleDoelstellingen: number[];\n}\n\ninterface ILocationState {\n    formData: IFormData;\n    search?: boolean;\n}\n\nconst ZoekGoedePraktijk = ({ apiUrls, lists, setPageLoading }: IProps) => {\n\n    const resultsRef = useRef<HTMLDivElement>(null);\n    const dsOpDoel = useListSource(lists.doelstellingen);\n    const [{ formData, search }, setFormData] = useLocationState<ILocationState>({ formData: { operationeleDoelstellingen: [], themas: [], trefwoord: \"\" } });\n    const fetcher = useFetchData();\n    const [data, setData] = useState<IGoedePraktijkPublicData[]>([])\n    const [scrollEnabled, setScrollEnabled] = useState(false);\n\n    useEffect(() => {        \n        if (search) {            \n            setPageLoading(true);\n            fetcher(apiUrls.zoekGoedePraktijk, formData, 'POST').then(data => {\n                setData(data);\n                scrollEnabled && resultsRef.current?.scrollIntoView({ behavior: \"smooth\" });\n                setPageLoading(false);\n            }).catch(() => setPageLoading(false));\n        }\n    }, [formData, fetcher, apiUrls.zoekGoedePraktijk, setPageLoading, search, scrollEnabled])\n\n    const trefwoordChangeHandler = useCallback((newValue: string) =>\n        setFormData(prev => ({ search: false, formData: { ...prev.formData, trefwoord: newValue } })), [setFormData])\n\n    const doelstellingChangeHandler = useCallback((newValue: number[]) =>\n        setFormData(prev => ({ search: false, formData: { ...prev.formData, operationeleDoelstellingen: newValue } })), [setFormData])\n\n    const onThemaCheckChangedHandler = useCallback((value: any, checked: boolean) => {        \n        setFormData(prev => ({\n            search: false,\n            formData: {\n                ...prev.formData,\n                themas: (checked && ([...prev.formData.themas!, value])) || prev.formData.themas!.filter(p => p !== value)\n            }\n        }));\n    }, [setFormData])\n\n    const seacrClickHandler = useCallback(() => {\n        setScrollEnabled(true);\n        setFormData(prev => ({ ...prev, search: true }));\n    }, [setFormData])\n\n    return <>\n        <div className=\"form-group\">\n            <label>Trefwoorden</label>\n            <TextBox value={formData.trefwoord} onValueChange={trefwoordChangeHandler} />\n        </div>\n\n        <div className=\"form-group\">\n            <label>Thema</label>\n            <div className=\"flex-row wrap\">\n                {lists.themas?.map((p, idx) => <div key={idx} className=\"flex-col3 checkitem\">\n                    <ValueCheckBox text={p.naam} value={p.id} checked={formData.themas?.includes(p.id) || false} onCheckChanged={onThemaCheckChangedHandler} />\n                </div>)}\n            </div>\n        </div>\n\n        <div className=\"form-group\">\n            <label>Operationele doelstellingen</label>\n            <TreeList<IOperationeleDoelstelling, number>\n                dataSource={dsOpDoel}\n                parentIdExpr=\"hoofdDoelstellingId\"\n                rootValue={undefined}\n                onSelectedRowKeysChange={doelstellingChangeHandler}\n                selectedRowKeys={formData.operationeleDoelstellingen}\n                showColumnHeaders={false}\n                autoExpandAll\n            >\n                <Selection mode=\"multiple\" recursive />\n                <Column dataField=\"naam\" />\n            </TreeList>\n        </div>\n        <div className=\"form-group\">\n            <Button text=\"Zoeken\" onClick={seacrClickHandler} type=\"default\" icon=\"search\" />\n        </div>\n        <div id=\"results\" ref={resultsRef}>\n            {search && <h2>Resultaten:</h2>}\n            {search && data.length === 0 && <p>Geen resultaten</p>}\n            {data.map((gp, idx) => <GoedePraktijkItem key={idx} goedePraktijk={gp} />)}\n        </div>\n    </>\n}\n\nconst GoedePraktijkItem = ({ goedePraktijk }: { goedePraktijk: IGoedePraktijkPublicData }) => {\n\n    const linkLabel = useMemo(() => (\n        `Download rapport ${goedePraktijk.visitatieRapportDocument.fileName} - ${calcSize(goedePraktijk.visitatieRapportDocument.size)}`\n    ), [goedePraktijk.visitatieRapportDocument])\n\n    return <div className=\"goedepraktijk\">\n        <h4 className=\"bullet\">{goedePraktijk.titel}</h4>\n        <div dangerouslySetInnerHTML={{ __html: goedePraktijk.htmlOmschrijving }} />\n        <strong>Documenten</strong>\n        <p>\n            <a href={\"/api/document/\" + goedePraktijk.visitatieRapportDocument.id} >\n                <i className=\"dx-icon dx-icon-pdffile\" />\n                {linkLabel}\n            </a>\n        </p>\n        <strong>Thema</strong>\n        {/*<p>{goedePraktijk.themas.join(', ')}</p>*/}\n        <div className=\"themaItems\" >\n            {goedePraktijk.themas.map((thema, idx) => <ThemaItem key={idx} text={thema} />)}\n        </div>\n    </div>\n}\n\nconst ThemaItem = ({ text }: { text?: string }) => {\n\n    return <div className=\"themaItem\">\n        <span>{text}</span>\n    </div>;\n}\n\nexport default ZoekGoedePraktijk;","import { DataGrid } from \"devextreme-react\";\nimport { Button, Column } from \"devextreme-react/data-grid\";\nimport * as React from \"react\";\nimport { useCallback } from \"react\";\nimport { IVisitatieRapportPrestatieItem, IZoekPrestatiesModel } from \"../models/IZoekPrestatiesResponse\";\n\ninterface IProps {\n    item: IZoekPrestatiesModel\n}\n\n\nconst PrestatiesDoelstellingItem = ({ item }: IProps) => {\n\n    //const ds = useListSource<IVisitatieRapport>(item.visitatierapporten)\n\n    const openDoc = useCallback((e: { column: any, row: { data: IVisitatieRapportPrestatieItem } }) => {\n        //console.log(e);\n        document.location = e.row.data.documentLink;\n    }, [])\n\n    return <div className=\"prestatieItem\">\n        <h3 className='bullet'>{item.operationeleDoelstelling} <small>(aantal: {item.visitatierapporten.length})</small></h3>\n        <DataGrid<IVisitatieRapportPrestatieItem, number>\n            dataSource={item.visitatierapporten}\n            hoverStateEnabled\n            //rowAlternationEnabled\n            showRowLines\n        >\n            <Column dataField=\"jaar\" width=\"auto\" />\n            <Column dataField=\"shmNaam\" />\n            <Column dataField=\"activiteit\" width={120} />\n            <Column dataField=\"visitatieronde\" width={120}/>\n            {/*<Column dataField=\"documentLink\" />*/}\n            <Column dataField=\"score\" width={90} />\n            <Column type=\"buttons\" width={50}>                \n                <Button hint=\"Visitatierapport openen\" icon=\"download\" onClick={openDoc} />\n            </Column>\n        </DataGrid>\n    </div>;\n}\nexport default PrestatiesDoelstellingItem;","import * as React from \"react\";\nimport { Button, RadioGroup, TreeList } from \"devextreme-react\";\nimport { Column, Selection } from \"devextreme-react/tree-list\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { IZoekPrestatiesRequesst } from \"../models/IZoekPrestatiesRequest\";\nimport { IVisitatieRapportPrestatieItem, IZoekPrestatiesModel } from \"../models/IZoekPrestatiesResponse\";\nimport { IOperationeleDoelstelling } from \"../models/OperationeleDoelstelling\";\nimport PrestatiesDoelstellingItem from \"../components/PrestatiesDoelstellingItem\";\nimport useContstanten from \"../Constanten\";\nimport { useFetchData, useListSource } from \"../components/hooks/DataSource\";\nimport { IApiUrls } from \"../models/IApiUrls\";\nimport { IListsModel } from \"../models/IHomeModel\";\nimport { IPageLoading } from \"../App\";\nimport useLocationState from \"../components/hooks/LocationState\";\n\n\ninterface IProps extends IPageLoading {\n    apiUrls: IApiUrls\n    lists: IListsModel\n}\n\ninterface IFormData {\n    activiteit: number;\n    visitatieronde: number;\n    operationeleDoelstellingen: number[];\n}\n\ninterface ILocationState {\n    formData: IFormData;\n    search?: boolean;\n}\n\nconst ZoekShmPrestaties = ({ apiUrls, lists, setPageLoading }: IProps) => {\n\n    const resultsRef = useRef<HTMLDivElement>(null);\n    const { activiteiten, visitatieronden } = useContstanten();\n    const dsOpDoel = useListSource(lists.doelstellingen);\n    const [{ formData, search }, setFormData] = useLocationState<ILocationState>({ formData: { activiteit: 0, visitatieronde: 1, operationeleDoelstellingen: [] } })\n    const [data, setData] = useState<IZoekPrestatiesModel[]>([]);\n    const fetcher = useFetchData();\n    const [scrollEnabled, setScrollEnabled] = useState(false);\n\n    const groupData = (items: IVisitatieRapportPrestatieItem[]): IZoekPrestatiesModel[] => {\n        return items.map(p => p.operationeleDoelstelling)\n            .filter((value, index, self) => self.indexOf(value) === index)\n            .map(p => ({ operationeleDoelstelling: p, visitatierapporten: items.filter(vr => vr.operationeleDoelstelling === p) }))        \n    }\n\n    useEffect(() => {\n        if (search) {\n            setPageLoading(true);\n            fetcher(apiUrls.zoekPrestaties, formData, \"POST\").then((data: IVisitatieRapportPrestatieItem[]) => {\n                console.log(\"response\", data);\n                setData(groupData(data));\n                setPageLoading(false);\n                scrollEnabled && resultsRef.current?.scrollIntoView({ behavior: \"smooth\" });\n            }).catch(() => setPageLoading(false))\n        }\n    }, [search, apiUrls.zoekPrestaties, formData, fetcher, setPageLoading, scrollEnabled])\n    \n    const btnSearchHandler = useCallback(() => {\n        setScrollEnabled(true);\n        setFormData(prev => ({ ...prev, search: true }))\n    }, [setFormData])\n\n    const activiteitChangeHandler = useCallback((activiteit: number) => setFormData(prev => ({ search: false, formData: { ...prev.formData, activiteit } })), [setFormData])\n    const visitatierondeChangeHandler = useCallback((visitatieronde: number) => setFormData(prev => ({ search: false, formData: { ...prev.formData, visitatieronde } })), [setFormData])\n    const doelstellingenChangeHandler = useCallback((operationeleDoelstellingen: number[]) => setFormData(prev => ({ search: false, formData: { ...prev.formData, operationeleDoelstellingen } })), [setFormData])\n\n    return <>\n\n        <h2>Welke SHM levert goede of uitstekende prestaties?</h2>\n\n        <div className=\"form-group\">\n            <label>Activiteit</label>\n            <RadioGroup items={activiteiten} valueExpr=\"id\" onValueChange={activiteitChangeHandler} value={formData.activiteit} />\n        </div>\n\n        <div className=\"form-group\">\n            <label>Operationele doelstellingen</label>\n            <TreeList<IOperationeleDoelstelling, number>\n                dataSource={dsOpDoel}\n                parentIdExpr=\"hoofdDoelstellingId\"\n                rootValue={undefined}\n                onSelectedRowKeysChange={doelstellingenChangeHandler}\n                selectedRowKeys={formData.operationeleDoelstellingen}\n                showColumnHeaders={false}\n                autoExpandAll\n            \n            >\n                <Selection mode=\"multiple\" recursive />\n                <Column dataField=\"naam\" />\n            </TreeList>\n        </div>\n\n        <div className=\"form-group\">\n            <label>Visitatieronde</label>\n            <RadioGroup items={visitatieronden} valueExpr=\"id\" onValueChange={visitatierondeChangeHandler} value={formData.visitatieronde} />\n        </div>\n        <div className=\"form-group\">\n            <Button text=\"Zoeken\" type=\"default\" icon=\"search\" onClick={btnSearchHandler} />\n        </div>\n        <div id=\"results\" ref={resultsRef}>\n            {search && <h2>Resultaten:</h2>}\n            {search && data.length === 0 && <p>Geen resultaten.</p>}\n            {data.map((p, idx) => <div key={idx}  >\n                <PrestatiesDoelstellingItem item={p} />\n            </div>)}\n        </div>\n    </>\n}\nexport default ZoekShmPrestaties;","import * as React from \"react\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Redirect, Route, RouteProps, useLocation } from \"react-router-dom\";\nimport authService from './AuthorizeService'\nimport { ApplicationPaths, QueryParameterNames } from './ApiAuthorizationConstants'\nimport { isUndefined } from \"util\";\n\nconst AuthorizationRoute = ({ component: Component, children, ...rest }: RouteProps) => {\n\n    const [ready, setReady] = useState(false);\n    const [authenticated, setAuthenticated] = useState<boolean>();\n    const [mfaEnabled, setMfaEnabled] = useState<boolean>();\n    const location = useLocation()\n    \n    const redirectUrl = useMemo(() => {\n        const returnUrl = `${document.location.protocol}//${document.location.host}${location.pathname}`;\n        return `${ApplicationPaths.Login}?${QueryParameterNames.ReturnUrl}=${encodeURIComponent(returnUrl)}`\n    }, [location.pathname])\n    \n    const redirectMfaUrl = useMemo(() => {\n        const returnUrl = `${document.location.protocol}//${document.location.host}${location.pathname}`;\n        return `${ApplicationPaths.IdentityEnableMfaPath}?${QueryParameterNames.ReturnUrl}=${encodeURIComponent(returnUrl)}`\n    }, [location.pathname])\n\n    const populateAuthenticationState = useCallback(async () => {\n        setAuthenticated(await authService.isAuthenticated());\n        setReady(true);\n    }, [])\n\n    const authenticationChanged = useCallback(async () => {\n        setReady(false);\n        setAuthenticated(false);\n        await populateAuthenticationState();\n    }, [populateAuthenticationState])\n    \n    useEffect(() => {\n        const subscription = authService.subscribe(() => authenticationChanged());\n        return () => authService.unsubscribe(subscription)\n    }, [authenticationChanged])\n\n    useEffect(() => {\n        populateAuthenticationState();\n    }, [populateAuthenticationState])\n\n    useEffect(() => {\n        authService.getUser().then(u => setMfaEnabled(u?.amr?.includes(\"mfa\") || false))\n    }, [])\n\n    if (!ready) \n        return <div>Bezig met laden...</div>;\n\n    if (!authenticated)\n        return <Redirect to={redirectUrl} />\n\n    if (typeof mfaEnabled !== 'undefined' && !mfaEnabled)\n        return <div>\n            <h3>Activeer 2-traps verificatie om deze pagina te raadplegen.</h3>\n            <br />\n            <a className=\"btn btn-primary\" href={redirectMfaUrl}>2 traps verificatie configureren</a>\n        </div>\n\n\n    return <Route {...rest} component={(authenticated && Component) || undefined} >\n        {(authenticated && children) || <Redirect to={redirectUrl} />}\n    </Route>\n}\nexport default AuthorizationRoute;","import * as React from \"react\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useFetchData, useListSource } from \"../../components/hooks/DataSource\";\nimport { IApiUrls } from \"../../models/IApiUrls\";\nimport { DataGrid, Popup } from \"devextreme-react\";\nimport { Button, Column, Editing } from \"devextreme-react/data-grid\";\nimport { ToolbarItem } from \"devextreme-react/popup\";\nimport { dxButtonOptions } from \"devextreme/ui/button\";\nimport { RowInsertingInfo, RowUpdatingInfo } from \"devextreme/ui/data_grid\";\nimport DirtyPrompt from \"../../components/DirtyPrompt\";\n\ninterface IProps {\n    apiUrls: IApiUrls\n}\n\ninterface IPopUpData {\n    title: string,\n    message: string | React.ReactNode,\n    okBtnCaption: string;\n    okBtnIcon: string;\n    okBtnType?: 'back' | 'danger' | 'default' | 'normal' | 'success';\n    onOkClicked?: () => void,\n    user?: IGebruiker;\n    hideCancelBtn?: boolean\n}\n\ninterface IGebruiker {\n    id: string\n    userName: string;\n    email: string;\n    twoFactorEnabled: boolean;\n    isBeheerder: boolean;\n}\n\nconst Gebruikers = ({ apiUrls }: IProps) => {\n\n    const fetch = useFetchData();\n    const [users, setUsers] = useState<IGebruiker[]>([])\n    const dsUser = useListSource(users);\n    const [popupData, setPopUpData] = useState<IPopUpData>();    \n    useEffect(() => {\n        fetch(apiUrls.gebruikers).then(setUsers)\n    }, [apiUrls.gebruikers, fetch])\n\n    const executeAction = useCallback((endpoint: string, action: 'DELETE' | 'POST' | 'PUT', user: IGebruiker, showRespone?: (data: string) => string | React.ReactNode) => {\n        return fetch(apiUrls.gebruikers + \"/\" + endpoint, user.userName, action, true).then(data => {\n            console.log(\"data\", endpoint, user, data);\n            setPopUpData((showRespone && {\n                message: showRespone(data),\n                title: \"Voltooid\",\n                user,\n                okBtnCaption: \"Sluiten\",\n                okBtnIcon: \"close\",\n                okBtnType: \"default\",\n                onOkClicked: () => setPopUpData(undefined),\n                hideCancelBtn: true\n            }) || undefined);\n            return data;\n        })\n    }, [fetch, apiUrls.gebruikers])\n\n    const hidePopUp = useCallback(() => setPopUpData(undefined), [])\n\n    const updateRow = useCallback((list: IGebruiker[], updatedUtem: IGebruiker): IGebruiker[] => {\n        const newList = [...list];\n        const idx = newList.findIndex(u => u.id === updatedUtem.id);\n        newList[idx].twoFactorEnabled = false;\n        return newList;\n    }, [])\n\n    const removeUserRowClick = useCallback((e: { row: { data: IGebruiker } }) => {\n        setPopUpData({\n            title: \"Gebruiker verwijderen\",\n            message: \"Wult u deze gebruiker verwijderen?\",\n            okBtnCaption: \"Verwijderen\",\n            okBtnIcon: \"trash\",\n            okBtnType: \"danger\",\n            user: e.row.data,\n            onOkClicked: () => executeAction(\"\", \"DELETE\", e.row.data).then((data) =>\n                data === true && setUsers(prev => prev.filter(u => u.id !== e.row.data.id)))\n        });\n    }, [executeAction])\n\n    const resetPwdRowClick = useCallback((e: { row: { data: IGebruiker } }) => {       \n        setPopUpData({\n            title: \"Wachtwoord resetlink genereren\",\n            message: \"Wult u een wachtwoord resetlink aanmaken?\",\n            okBtnCaption: \"Reset wachtwoord\",\n            okBtnIcon: \"key\",\n            okBtnType: \"danger\",\n            user: e.row.data,\n            onOkClicked: () => executeAction(\"reset-password\", \"POST\", e.row.data, (data) =>\n                <a href={'/identity/account/ResetPassword?code=' + data}>Wachtwoord resetlink</a>)\n        });\n    }, [executeAction])\n    \n    const reset2faRowClick = useCallback((e: { row: { data: IGebruiker } }) => {        \n        setPopUpData({\n            title: \"Two Factor resetten\",\n            message: \"Wult u doorgaan met het resetten van de Two Factor authenticatie?\",\n            okBtnCaption: \"Reset 2FA\",\n            okBtnIcon: \"checklist\",\n            okBtnType: \"danger\",\n            user: e.row.data,\n            onOkClicked: () => executeAction(\"reset-2fa\", \"POST\", e.row.data).then(data =>\n                data === \"true\" && setUsers(prev => updateRow(prev, { ...e.row.data, twoFactorEnabled: false })))\n            //}))\n            //onOkClicked: () => executeAction(\"reset-2fa\", \"POST\", e.row.data).then(data => data === \"true\" && setUsers(prev => {\n            //    const idx = prev.findIndex(u => u.id === e.row.data.id);\n            //    prev[idx].twoFactorEnabled = false;\n            //    console.log(\"new data\", prev);\n            //    return [...prev];\n            //}))\n\n        });\n    }, [executeAction, updateRow])\n\n    const popupOkBtnOptions = useMemo((): dxButtonOptions => ({\n        onClick: popupData?.onOkClicked,\n        icon: popupData?.okBtnIcon,\n        text: popupData?.okBtnCaption,\n        type: popupData?.okBtnType        \n    }), [popupData])\n\n    const popupCancelBtnOptions = useMemo((): dxButtonOptions => ({\n        onClick: () => setPopUpData(undefined),\n        text: \"Annuleren\",\n        icon: \"chevronleft\"        \n    }), [])\n\n    const reset2FaVisibleHandler = useCallback((e: { row: { isNewRow: boolean, data: IGebruiker } }) => {\n        return !e.row.isNewRow && e.row.data.twoFactorEnabled\n    }, [])\n\n    const newRowHideBtnsHandler = useCallback((e: { row: { isNewRow: boolean, data: IGebruiker } }) => {\n        return !e.row.isNewRow;\n    }, [])\n\n    const newRowShowBtnsHandler = useCallback((e: { row: { isNewRow: boolean, data: IGebruiker } }) => {\n        return e.row.isNewRow;\n    }, [])\n\n    const rowInsertingHandler = useCallback((e: RowInsertingInfo<IGebruiker>) => {\n        console.log(\"inserting\", e);\n        e.cancel = fetch(apiUrls.gebruikers, e.data, \"POST\").then(d => {\n            setUsers(prev => [...prev, d]);\n        });\n\n    }, [fetch, apiUrls.gebruikers])\n\n    const rowUpdatingHandler = useCallback((e: RowUpdatingInfo<IGebruiker>) => {\n        console.log(\"update row\", e);\n        e.cancel = fetch(apiUrls.gebruikers + \"/\" + e.oldData.id, { ...e.oldData, ...e.newData }, \"PUT\").then(d => {\n            setUsers(prev => updateRow(prev,d));\n        });\n    }, [fetch, apiUrls.gebruikers, updateRow])\n\n    const dgRef = useRef<DataGrid<IGebruiker, string>>(null);\n    const isDirtyHandler = useCallback(() => dgRef.current?.instance.hasEditData(), [])\n\n    return <>\n        <DirtyPrompt when={isDirtyHandler} />\n        <h2>Gebruikers</h2>\n        <DataGrid<IGebruiker, string>\n            ref={dgRef}\n            dataSource={dsUser}\n            onRowInserting={rowInsertingHandler}\n            onRowUpdating={rowUpdatingHandler}\n//            onRowRemoving={ }\n        >\n            <Editing allowAdding allowUpdating allowDeleting mode=\"batch\" useIcons />\n            <Column dataField=\"userName\" />\n            <Column dataField=\"email\" />\n            {/*<Column dataField=\"twoFactorEnabled\" allowEditing={false} />*/}\n            <Column dataField=\"isBeheerder\" width={125} />\n\n            <Column type=\"buttons\" alignment=\"left\">\n                <Button name=\"delete\" visible={newRowShowBtnsHandler} />\n                <Button icon=\"trash\" hint=\"gebruiker verwijderen\" onClick={removeUserRowClick} visible={newRowHideBtnsHandler} />\n                <Button icon=\"key\" hint=\"wachtwoord resetlink genereren\" onClick={resetPwdRowClick} visible={newRowHideBtnsHandler} />\n                <Button icon=\"checklist\" hint=\"Twee trapsverificatie uitschakelen\" visible={reset2FaVisibleHandler} onClick={reset2faRowClick} />\n            </Column>\n            \n        </DataGrid>\n        <Popup\n            visible={popupData !== undefined}\n            title={popupData?.title}\n            height=\"auto\"\n            width=\"auto\"\n            minWidth=\"400px\"\n            minHeight=\"100px\"\n            maxWidth=\"80vw\"\n            \n            //restorePosition\n            dragEnabled\n            dragOutsideBoundary\n            closeOnOutsideClick\n            showCloseButton\n            onHiding={hidePopUp}>\n\n            <ToolbarItem\n                widget=\"dxButton\"\n                toolbar=\"bottom\"\n                location=\"after\"\n                visible={!popupData?.hideCancelBtn}\n                options={popupCancelBtnOptions}\n            />\n            <ToolbarItem\n                widget=\"dxButton\"\n                toolbar=\"bottom\"\n                location=\"after\"\n                options={popupOkBtnOptions}\n            />\n            \n            <p>Gebruiker: {popupData?.user?.userName}</p>\n            <p>{popupData?.message}</p>\n            \n        </Popup>\n    </>;\n}\nexport default Gebruikers;","import * as React from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { Route, Switch } from 'react-router';\nimport { Layout } from './components/Layout';\nimport Home from './pages/Home';\n//import AuthorizeRoute from './components/api-authorization/AuthorizeRoute';\nimport ApiAuthorizationRoutes from './components/api-authorization/ApiAuthorizationRoutes';\nimport { ApplicationPaths } from './components/api-authorization/ApiAuthorizationConstants';\n\nimport 'devextreme/dist/css/dx.light.css';\nimport './custom.css'\n\nimport { useFetchData, useListSourceOptions } from './components/hooks/DataSource';\nimport useDutchDevExtreme from './components/hooks/DevExtremeLocale';\nimport ScrollToTop from './components/ScrollToTop';\nimport PageWithDataGridEditor, { IPageWithDataGridEditorProps } from './pages/beheer/PageWithDataGridEditor';\nimport GoedePraktijk from './pages/beheer/GoedePraktijk';\nimport VisitatieRapport from './pages/beheer/VisitatieRapport';\nimport OperationeleDoelstellingen from './pages/beheer/OperationeleDoelstellingen';\nimport ZoekRapporten from './pages/ZoekRapporten';\nimport ZoekGoedePraktijk from './pages/ZoekGoedePraktijk';\nimport ZoekShmPrestaties from './pages/ZoekShmPrestaties';\nimport AuthorizationRoute from './components/api-authorization/AuthorizationRoute';\nimport { IApiUrls } from './models/IApiUrls';\nimport { IListsModel } from './models/IHomeModel';\nimport useAppRoutes from './AppRoutes';\nimport Gebruikers from './pages/beheer/Gebruikers';\nimport { LoadPanel } from 'devextreme-react';\nimport { IDocumentPrivate } from './models/IDocument';\n\nexport interface IPageLoading {\n    setPageLoading: (isLoading: boolean) => void;\n}\n\nconst App = () => {\n\n    useDutchDevExtreme()\n\n    const routePaths = useAppRoutes();\n    const apiUrls = useMemo((): IApiUrls => ({\n        home:                       process.env.PUBLIC_URL + \"/api/home\",\n        gemeenten:                  process.env.PUBLIC_URL + \"/api/gemeente\",\n        themas:                     process.env.PUBLIC_URL + \"/api/thema\",\n        shms:                       process.env.PUBLIC_URL + \"/api/shm\",\n        operationeleDoelstellingen: process.env.PUBLIC_URL + \"/api/operationeledoelstelling\",\n        visitatieRapporten:         process.env.PUBLIC_URL + \"/api/visitatierapport\",\n        goedePraktijken:            process.env.PUBLIC_URL + \"/api/goedepraktijk\",\n        documenten:                 process.env.PUBLIC_URL + \"/api/document\",\n        gebruikers:                 process.env.PUBLIC_URL + '/api/users',\n\n        zoekPrestaties:             process.env.PUBLIC_URL + '/api/zoek/prestaties',\n        zoekRapportGemeente:        process.env.PUBLIC_URL + '/api/zoek/rapport/gemeente',\n        zoekRapportShm:             process.env.PUBLIC_URL + '/api/zoek/rapport/shm',\n        zoekGoedePraktijk:          process.env.PUBLIC_URL + '/api/zoek/goede-praktijk',\n\n    }), [])\n\n    const [lists, setLists] = useState<IListsModel>({});\n\n    const fetch = useFetchData();\n\n    const refreshLists = useCallback(() => {\n        setIsLoading(prev => ({ ...prev, homeData: true }));\n        fetch(apiUrls.home).then(data => {\n            setLists(data);\n            setIsLoading(prev => ({ ...prev, homeData: false }));\n        }).catch(() => setIsLoading(prev => ({ ...prev, homeData: false })));\n    }, [fetch, apiUrls])\n\n    useEffect(refreshLists, [refreshLists])\n\n    const gemSource = useListSourceOptions(lists.gemeenten, \"naam\");\n\n    const pages = useMemo((): {\n        secure?: boolean,                           // use AuthorizeRoute?\n        path: string,                               //react route path\n        component: (props: any) => JSX.Element,     //Component used with this route.\n        props?: IPageWithDataGridEditorProps\n    }[] => ([\n\n        // visitatierapporten\n        {\n            secure: true,\n            path: routePaths.visitatieRapporten,\n            component: PageWithDataGridEditor,\n            props: {\n                apiUrl: apiUrls.visitatieRapporten,\n                pageTitle: \"Visitatierapporten\",\n                editPath: routePaths.visitatieRapportenEdit,\n                firstColumn: \"naam\",\n                stateStoreKey: \"visitatierapportenlist\",\n                columns: [{ dataField: \"shm.naam\" }, { dataField: \"gepubliceerd\", width: \"auto\" }]\n            }\n        },\n        {\n            secure: true,\n            path: routePaths.visitatieRapportenEdit,\n            component: VisitatieRapport,\n            props: { apiUrl: apiUrls.visitatieRapporten }\n        },\n\n        // Goede praktijken\n        {\n            secure: true,\n            path: routePaths.goedePraktijken,\n            component: PageWithDataGridEditor,\n            props: {\n                apiUrl: apiUrls.goedePraktijken,\n                pageTitle: \"Goede praktijken\",\n                editPath: routePaths.goedePraktijkenEdit,\n                firstColumn: \"titel\",\n                stateStoreKey: \"goedpraktijkenlist\",\n                columns: [{ dataField: \"gepubliceerd\", width: \"auto\" }]\n            }\n        },\n        {\n            secure: true,\n            path: routePaths.goedePraktijkenEdit,\n            component: GoedePraktijk,\n            props: { apiUrl: apiUrls.goedePraktijken }\n        },\n\n        // shms\n        {\n            secure: true,\n            path: routePaths.shms,\n            component: PageWithDataGridEditor,\n            props: {\n                apiUrl: apiUrls.shms,\n                pageTitle: \"Sociale huisvestingmaatschappijen\",\n                onSaved: refreshLists,\n                stateStoreKey: \"shmlist\",\n                columns: [\n                    { dataField: \"naam\", validationRules: [{ type: \"required\" }] },\n                    { dataField: \"nummer\", validationRules: [{ type: \"required\" } ] },\n                    {\n                        dataField: \"maatschappelijkeZetelId\",\n                        validationRules: [{ type: \"required\" }],\n                        caption: \"Maatschappelijke zetel\",\n                        lookup: {\n                            dataSource: gemSource,                            \n                            displayExpr: \"naam\",\n                            valueExpr: \"id\"\n                        }\n                    },\n                ]\n            }\n        },\n\n        // gemeenten\n        {\n            secure: true,\n            path: routePaths.gemeenten,\n            component: PageWithDataGridEditor,\n            props: {\n                apiUrl: apiUrls.gemeenten,\n                pageTitle: \"Gemeenten\",\n                onSaved: refreshLists,\n                stateStoreKey: \"gemeentelist\",\n                columns: [\n                    { dataField: \"naam\", validationRules: [{ type: \"required\" }] },\n                    { dataField: \"postcode\", dataType: \"number\", validationRules: [{ type: \"required\" }] },\n                    { dataField: \"niscode\", dataType: \"number\", validationRules: [{ type: \"required\" }] }]\n            }\n        },\n\n        // themas\n        {\n            secure: true,\n            path: routePaths.themas,\n            component: PageWithDataGridEditor,\n            props: {\n                apiUrl: apiUrls.themas,\n                pageTitle: \"Thema's\",\n                onSaved: refreshLists,\n                stateStoreKey: \"themalist\",\n                columns: [\n                    { dataField: \"naam\", defaultSortIndex: 0, defaultSortOrder: \"asc\", validationRules: [{ type: \"required\" }] }\n                ]\n            }\n        },\n\n        // Documenten\n        {\n            secure: true,\n            path: routePaths.documenten,\n            component: PageWithDataGridEditor,\n            props: {\n                apiUrl: apiUrls.documenten,\n                pageTitle: \"Documenten\",\n                stateStoreKey: \"documentenlist\",\n                allowAdd: false,\n                columns: [\n                    { dataField: \"fileName\", defaultSortIndex: 0, defaultSortOrder: \"asc\", validationRules: [{ type: \"required\" }] },\n                    { dataField: \"countUsed\", caption: \"# Gebruikt\", allowEditing: false, width: \"auto\" },\n                    {\n                        type: \"buttons\", width: 75, buttons: [\n                            { name: \"delete\", visible: (e: { row: { isNewRow: boolean, data: IDocumentPrivate } }) => !e.row.data.countUsed }\n                        ]\n                    }\n                ]\n            }\n        },\n\n        // operationele doelstellingen\n        {\n            secure: true,\n            path: routePaths.operationeleDoelstellingen,\n            component: OperationeleDoelstellingen,\n            props: {\n                apiUrl: apiUrls.operationeleDoelstellingen,\n                pageTitle: \"Operationele doelstellingen\",                \n                onSaved: refreshLists,\n                stateStoreKey: \"operationeledoelstellinglist\",\n            }\n        },\n        // gebruikers\n        {\n            secure: true,\n            path: routePaths.gebruikers,\n            component: Gebruikers,            \n        },\n\n        // Zoek pagina's\n        {\n            path: routePaths.zoekRapporten,\n            component: ZoekRapporten\n        }, {\n            path: routePaths.zoekGoedePraktijken,\n            component: ZoekGoedePraktijk\n        }, {\n            path: routePaths.zoekShmPrestaties,\n            component: ZoekShmPrestaties\n        }\n    ]), [gemSource, apiUrls, refreshLists, routePaths])\n\n    const [isLoading, setIsLoading] = useState<{ homeData: boolean, pageData: boolean }>({ homeData: true, pageData: false });\n    const setPageLoading = useCallback((isLoading: boolean) => setIsLoading(prev => ({ ...prev, pageData: isLoading })), []);\n\n    return <Layout>\n        <ScrollToTop />\n        <LoadPanel\n            visible={isLoading.homeData || isLoading.pageData}\n            showPane showIndicator\n            shading shadingColor=\"rgba(0,0,0,0.2)\"\n            delay={0}\n            message=\"Bezig met laden...\"\n        />\n        <Switch>\n            <Route exact path='/' component={Home} />\n\n            {pages.map(({ component: Component, props, path, secure }, idx) => secure\n                //if secure path\n                ? <AuthorizationRoute exact path={path} key={idx}>\n                    <Component {...props} apiUrls={apiUrls} lists={lists} refreshLists={refreshLists} setPageLoading={setPageLoading} />\n                </AuthorizationRoute>\n                //else public path\n                : <Route exact path={path} key={idx} >\n                    <Component {...props} apiUrls={apiUrls} lists={lists} setPageLoading={setPageLoading} />\n                </Route>\n            )}\n\n            <Route path={ApplicationPaths.ApiAuthorizationPrefix} component={ApiAuthorizationRoutes} />\n        </Switch>\n \n    </Layout>     \n}\n\nexport default App;\n","import 'bootstrap/dist/css/bootstrap.css';\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport App from './App';\n//import registerServiceWorker from './registerServiceWorker';\n\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href') || \"\";\nconst rootElement = document.getElementById('root'); \n\nReactDOM.render(\n  <BrowserRouter basename={baseUrl}>\n    <App />\n  </BrowserRouter>,\n  rootElement);\n\n// Uncomment the line above that imports the registerServiceWorker function\n// and the line below to register the generated service worker.\n// By default create-react-app includes a service worker to improve the\n// performance of the application by caching static assets. This service\n// worker can interfere with the Identity UI, so it is\n// disabled by default when Identity is being used.\n//\n//registerServiceWorker();"],"sourceRoot":""}