FO-2760 La til internflatedekoratør

Author: AlexGaard

package-lock.json

@@ -35,6 +35,7 @@
   ],
   "dependencies": {
     "@craco/craco": "5.2.4",
+    "@navikt/navspa": "^1.0.3",
     "classnames": "^2.2.6",
     "constate": "^1.3.2",
     "craco-less": "1.9.0",

package.json

@@ -2,14 +2,16 @@ import React from 'react';
 import { DataFetcher } from './components/datafetcher';
 import StoreProvider from './stores/store-provider';
 import { Header } from './components/header/header';
+import { InternflateDecorator } from './components/internflate-decorator/internflate-decorator';
 
 function App() {
 	return (
 		<StoreProvider>
+			<InternflateDecorator />
 			<Header />
 			<main>
 				<DataFetcher>
-					<p />
+					<div>Content goes here</div>
 				</DataFetcher>
 			</main>
 		</StoreProvider>

src/app.tsx

@@ -0,0 +1,37 @@
+import { OrNothing } from '../../utils/types/ornothing';
+
+export interface Toggles {
+	visVeilder: boolean;
+	visSokefelt: boolean;
+	visEnhetVelger: boolean;
+	visEnhet: boolean;
+}
+export interface Contextholder {
+	url: string;
+	promptBeforeEnhetChange?: boolean;
+}
+
+export interface DecoratorConfig {
+	appname: string;
+	fnr: OrNothing<string>;
+	enhet: OrNothing<string>;
+	toggles: Toggles;
+
+	contextholder?: true | Contextholder;
+	autoSubmitOnMount?: boolean;
+}
+
+export function lagDecoratorConfig(): DecoratorConfig {
+	return {
+		appname: 'Arbeidsrettet oppfølging',
+		fnr: null,
+		enhet: null,
+		contextholder: true,
+		toggles: {
+			visEnhet: false,
+			visEnhetVelger: false,
+			visSokefelt: false,
+			visVeilder: true
+		}
+	};
+}

src/components/internflate-decorator/internflate-decorator-utils.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import NAVSPA from '@navikt/navspa';
+import { DecoratorConfig, lagDecoratorConfig } from './internflate-decorator-utils';
+import env from '../../utils/environment';
+
+const Decorator: React.ComponentType<DecoratorConfig> = NAVSPA.importer<DecoratorConfig>('internarbeidsflatefs');
+
+export function InternflateDecorator() {
+    const config = lagDecoratorConfig();
+
+    if (env.isDevelopment) {
+        return null;
+    }
+
+    return (
+        <nav>
+            <Decorator {...config} />
+        </nav>
+    );
+}