Oppgrader internflatedecorator til v2.1

AlexGaard · AlexGaard · commit 0de88bdf08f0 · 2020-11-20T15:08:08.000+01:00
diff --git a/public/index.html b/public/index.html
@@ -13,8 +13,8 @@
 
         <script type="application/javascript" src="/frontendlogger/logger.js"></script>
 
-        <link rel="stylesheet" href="/internarbeidsflatedecorator/v2/static/css/main.css" />
-        <script src="/internarbeidsflatedecorator/v2/static/js/head.v2.min.js"></script>
+        <link rel="stylesheet" href="/internarbeidsflatedecorator/v2.1/static/css/main.css" />
+        <script src="/internarbeidsflatedecorator/v2.1/static/js/head.v2.min.js"></script>
     </head>
     <body class="beslutteroversikt app">
         <div id="root"/>
diff --git a/src/components/internflate-decorator/internflate-decorator-config.ts b/src/components/internflate-decorator/internflate-decorator-config.ts
@@ -0,0 +1,51 @@
+// Typer er hentet fra https://github.com/navikt/internarbeidsflatedecorator/tree/dev/v2.1
+
+export interface DecoratorConfig {
+	appname: string;                // Navn på applikasjon
+	fnr?: FnrContextvalue;          // Konfigurasjon av fødselsnummer-kontekst
+	enhet?: EnhetContextvalue;      // Konfigurasjon av enhet-kontekst
+	toggles?: TogglesConfig;        // Konfigurasjon av hvilke elementer som skal vises i dekoratøren
+	markup?: Markup;                // Ekstra innhold i dekoratøren, kan brukes om man trenger å legge en knapp innenfor dekoratøren
+
+	useProxy?: boolean;             // Manuell overstyring av urlene til BFFs. Gjør alle kall til relativt path, og trenger derfor proxy oppsett. Default: false
+	accessToken?: string;           // Manuell innsending av JWT, settes som Authorization-header. Om null sendes cookies vha credentials: 'include'
+}
+
+interface TogglesConfig {
+	visVeileder?: boolean;          // Styrer om man skal vise informasjon om innlogget veileder
+}
+
+interface Markup {
+	etterSokefelt?: string;         // Gir muligheten for sende inn egen html som blir en del av dekoratøren
+}
+
+// Fnr/Enhet-konfiguration støttet både `Controlled` og `Uncontrolled` operasjon.
+// Ved bruk av `Controlled` må konsument-applikasjonen selv ta ansvar for oppdatering av `value` etter enhver `onChange`
+// Dette er i motsetning til `Uncontrolled`, hvor dette håndteres av dekoratøren. Og alt konsument-applikasjonen trenger å gjøre er å følge med på `onChange`.
+interface ControlledContextvalue<T> extends BaseContextvalue<T> {
+	value: string | null;
+}
+interface UncontrolledContextvalue<T> extends BaseContextvalue<T> {
+	initialValue: string | null;
+}
+
+interface BaseContextvalue<T> {
+	skipModal?: boolean;
+	ignoreWsEvents?: boolean;
+	display: T;
+	onChange(value: string | null): void;
+}
+
+type Contextvalue<T> = ControlledContextvalue<T> | UncontrolledContextvalue<T>;
+
+export enum EnhetDisplay {
+	ENHET = 'ENHET',
+	ENHET_VALG = 'ENHET_VALG'
+}
+
+export enum FnrDisplay {
+	SOKEFELT = 'SOKEFELT'
+}
+
+type EnhetContextvalue = Contextvalue<EnhetDisplay>;
+type FnrContextvalue = Contextvalue<FnrDisplay>;
diff --git a/src/components/internflate-decorator/internflate-decorator-utils.ts b/src/components/internflate-decorator/internflate-decorator-utils.ts
diff --git a/src/components/internflate-decorator/internflate-decorator.tsx b/src/components/internflate-decorator/internflate-decorator.tsx
@@ -1,20 +1,22 @@
 import * as React from 'react';
 import NAVSPA from '@navikt/navspa';
-import { DecoratorConfig, lagDecoratorConfig } from './internflate-decorator-utils';
-import env from '../../utils/environment';
+import { DecoratorConfig } from './internflate-decorator-config';
 
 const Decorator: React.ComponentType<DecoratorConfig> = NAVSPA.importer<DecoratorConfig>('internarbeidsflatefs');
 
 export function InternflateDecorator() {
-    const config = lagDecoratorConfig();
-
-    if (env.isDevelopment) {
-        return null;
-    }
-
     return (
         <nav>
-            <Decorator {...config} />
+            <Decorator {...lagDecoratorConfig()} />
         </nav>
     );
 }
+
+function lagDecoratorConfig(): DecoratorConfig {
+    return {
+        appname: 'Arbeidsrettet oppfølging',
+        toggles: {
+            visVeileder: true
+        }
+    };
+}
