@aarhus-university/au-lib-react-components 10.13.0 → 10.15.1

package/__tests__/jest/context.test.ts

@@ -0,0 +1,25 @@
+import { getPortalByName } from '../../src/lib/portals';
+
+describe('Context', () => {
+  test('Mitstudie findes som portal', () => {
+    const portal = getPortalByName('da', 'mitstudie');
+    expect(portal?.name).toBe('mitstudie');
+  });
+
+  test('Mitstudie portalcontexten indeholder én impersonation option', () => {
+    const portal = getPortalByName('da', 'mitstudie');
+    expect(portal?.impersonationOptions.length).toBe(1);
+  });
+
+  test('Mitstudie portalcontextens ene impersonation option hedder "AU-id" på dansk og "AU ID" på engelsk', () => {
+    const danish = getPortalByName('da', 'mitstudie');
+    expect(danish?.impersonationOptions[0].label).toBe('AU-id');
+    const english = getPortalByName('en', 'mitstudie');
+    expect(english?.impersonationOptions[0].label).toBe('AU ID');
+  });
+
+  test('Portalcontexten "sfgsdfsdfsdf" findes ikke', () => {
+    const portal = getPortalByName('da', 'sfgsdfsdfsdf');
+    expect(portal).toBe(null);
+  });
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "sideEffects": false,
   "name": "@aarhus-university/au-lib-react-components",
-  "version": "10.13.0",
+  "version": "10.15.1",
   "description": "Library for shared React components for various applications on au.dk",
   "scripts": {
     "test": "jest",
@@ -70,8 +70,8 @@
     "webpack-cli": "^4.9.2"
   },
   "dependencies": {
-    "@aarhus-university/au-designsystem-delphinus": "0.29.0",
-    "@aarhus-university/types": "0.9.0",
+    "@aarhus-university/au-designsystem-delphinus": "0.30.1",
+    "@aarhus-university/types": "0.10.1",
     "@reduxjs/toolkit": "^1.8.3",
     "@types/google.analytics": "^0.0.42",
     "@types/history": "^5.0.0",

package/src/lib/context.tsx

@@ -0,0 +1,38 @@
+import React, { createContext, useContext } from 'react';
+import { setLocale } from './dates';
+import { getPortalByName } from './portals';
+
+export const LangContext = createContext<string>('da');
+export const useLangContext = (): string => {
+  const lang = useContext(LangContext);
+  setLocale(lang);
+  return lang;
+};
+
+export const UserContext = createContext<AU.IUserContext | null>(null);
+export const useUserContext = (): AU.IUserContext | null => {
+  const user = useContext(UserContext);
+  return user;
+};
+
+export const PortalContext = createContext<AU.IPortalContext | null>(null);
+
+export const AUPortal = {
+  Provider: ({
+    name,
+    children,
+  }: PortalContextProviderProps) => {
+    const lang = useLangContext();
+    const portal = getPortalByName(lang || 'da', name);
+    return (
+      <PortalContext.Provider value={portal}>
+        {children}
+      </PortalContext.Provider>
+    );
+  },
+};
+
+export const usePortalContext = (): AU.IPortalContext | null => {
+  const portal = useContext(PortalContext);
+  return portal;
+};

package/src/lib/portals.ts

@@ -0,0 +1,23 @@
+/* eslint-disable import/prefer-default-export */
+const impersonationLabels = {
+  IMPERSONATION_SELECT_OPTION_CPR: { da: 'CPR-nr.', en: 'CPR no.' },
+  IMPERSONATION_SELECT_OPTION_EMAIL: { da: 'E-mail', en: 'Email' },
+  IMPERSONATION_SELECT_OPTION_AUID: { da: 'AU-id', en: 'AU ID' },
+};
+
+const portals: (lang: string) => AU.IPortalContext[] = (lang: string) => [
+  {
+    name: 'mitstudie',
+    impersonationOptions: [
+      {
+        value: 'auid',
+        label: impersonationLabels.IMPERSONATION_SELECT_OPTION_AUID[lang],
+      },
+    ],
+  },
+];
+
+export const getPortalByName = (
+  lang: string,
+  name: string,
+): AU.IPortalContext | null => portals(lang).find((portal) => portal.name === name) ?? null;

package/src/lib/context.ts

@@ -1,13 +0,0 @@
-import { createContext, useContext } from 'react';
-
-export const LangContext = createContext<string>('da');
-export const useLangContext = (): string => {
-  const lang = useContext(LangContext);
-  return lang;
-};
-
-export const UserContext = createContext<AU.IUserContext | null>(null);
-export const useUserContext = (): AU.IUserContext | null => {
-  const user = useContext(UserContext);
-  return user;
-};