@aarhus-university/au-lib-react-components 11.5.1 → 11.6.0

package/src/lib/portals.tsx

@@ -1,119 +1,145 @@
-/* eslint-disable import/prefer-default-export */
-import React from 'react';
-import { replace } from './helpers';
-
-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' },
-};
-
-declare global {
-  interface Window {
-    IMPERSONATE_AUID: string;
-    IMPERSONATE_VALUE: string;
-    IMPERSONATE_TYPE: string;
-    PHASE: number;
-    REAL_PHASE: number;
-    authenticated: boolean;
-    userContext: AU.IUserContext;
-    impersonateError: boolean;
-  }
-}
-
-const portals: (lang: string) => AU.IPortalContext[] = (lang: string) => [
-  {
-    name: 'mitstudie',
-    impersonationSetup: {
-      auid: window.IMPERSONATE_AUID,
-      value: window.IMPERSONATE_VALUE,
-      type: window.IMPERSONATE_TYPE,
-    },
-    impersonationOptions: [
-      {
-        value: 'auid',
-        label: impersonationLabels.IMPERSONATION_SELECT_OPTION_AUID[lang],
-      },
-    ],
-    deactivateFormContent: (
-      activatedText: string,
-      replaceText: string[],
-      replaceWith: string[],
-      portal: AU.IPortalContext,
-    ) => (
-      <>
-        <div
-          className="content-container vertical-spacing-bottom typography-dense"
-          dangerouslySetInnerHTML={
-            // eslint-disable-next-line max-len
-            { __html: replace(activatedText, replaceText, replaceWith) }
-          }
-        />
-        <input type="hidden" name="type" value={portal.impersonationSetup.type} />
-        <input type="hidden" name="value" value={portal.impersonationSetup.value} />
-      </>
-    ),
-  },
-  {
-    name: 'minansoegning',
-    impersonationSetup: {
-      auid: window.IMPERSONATE_AUID,
-      value: window.IMPERSONATE_VALUE,
-      type: window.IMPERSONATE_TYPE,
-      phase: window.PHASE,
-      realPhase: window.REAL_PHASE,
-    },
-    impersonationOptions: [
-      {
-        value: 'auid',
-        label: impersonationLabels.IMPERSONATION_SELECT_OPTION_AUID[lang],
-      },
-      {
-        value: 'cpr',
-        label: impersonationLabels.IMPERSONATION_SELECT_OPTION_CPR[lang],
-      },
-      {
-        value: 'email',
-        label: impersonationLabels.IMPERSONATION_SELECT_OPTION_EMAIL[lang],
-      },
-    ],
-    deactivateFormContent: (
-      activatedText: string,
-      replaceText: string[],
-      replaceWith: string[],
-      portal: AU.IPortalContext,
-    ) => (
-      <>
-        <div
-          className="content-container vertical-spacing-bottom typography-dense"
-          dangerouslySetInnerHTML={
-            // eslint-disable-next-line max-len
-            { __html: replace(activatedText, replaceText, replaceWith) }
-          }
-        />
-        <input type="hidden" name="type" value={portal.impersonationSetup.type} />
-        <input type="hidden" name="value" value={portal.impersonationSetup.value} />
-        <input type="hidden" name="phase" value={portal.impersonationSetup.phase} />
-      </>
-    ),
-  },
-];
-
-export const getPortalByName = (
-  lang: string,
-  name: string,
-): AU.IPortalContext | null => portals(lang).find((portal) => portal.name === name) ?? null;
-
-export const impersonationPortalElement = document.querySelector('.page__pre-header');
-
-export const isImpersonating = (): boolean => {
-  if (window.userContext == null) {
-    return false;
-  }
-  if (window.userContext.impersonatedUser == null) {
-    return false;
-  }
-  return true;
-};
-
-export const impersonationHasErrored = (): boolean => window.impersonateError;
+/* eslint-disable import/prefer-default-export */
+import React from 'react';
+import { replace } from './helpers';
+
+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' },
+};
+
+declare global {
+  interface Window {
+    IMPERSONATE_AUID: string;
+    IMPERSONATE_VALUE: string;
+    IMPERSONATE_TYPE: string;
+    PHASE: number;
+    REAL_PHASE: number;
+    authenticated: boolean;
+    userContext: AU.IUserContext;
+    impersonateError: boolean;
+  }
+}
+
+const portals: (lang: string) => AU.IPortalContext[] = (lang: string) => [
+  {
+    name: 'mitstudie',
+    impersonationSetup: {
+      auid: window.IMPERSONATE_AUID,
+      value: window.IMPERSONATE_VALUE,
+      type: window.IMPERSONATE_TYPE,
+    },
+    impersonationOptions: [
+      {
+        value: 'auid',
+        label: impersonationLabels.IMPERSONATION_SELECT_OPTION_AUID[lang],
+      },
+    ],
+    deactivateFormContent: (
+      activatedText: string,
+      replaceText: string[],
+      replaceWith: string[],
+      portal: AU.IPortalContext,
+    ) => (
+      <>
+        <div
+          className="content-container vertical-spacing-bottom typography-dense"
+          dangerouslySetInnerHTML={
+            // eslint-disable-next-line max-len
+            { __html: replace(activatedText, replaceText, replaceWith) }
+          }
+        />
+        <input type="hidden" name="type" value={portal.impersonationSetup.type} />
+        <input type="hidden" name="value" value={portal.impersonationSetup.value} />
+      </>
+    ),
+  },
+  {
+    name: 'minansoegning',
+    impersonationSetup: {
+      auid: window.IMPERSONATE_AUID,
+      value: window.IMPERSONATE_VALUE,
+      type: window.IMPERSONATE_TYPE,
+      phase: window.PHASE,
+      realPhase: window.REAL_PHASE,
+    },
+    impersonationOptions: [
+      {
+        value: 'auid',
+        label: impersonationLabels.IMPERSONATION_SELECT_OPTION_AUID[lang],
+      },
+      {
+        value: 'cpr',
+        label: impersonationLabels.IMPERSONATION_SELECT_OPTION_CPR[lang],
+      },
+      {
+        value: 'email',
+        label: impersonationLabels.IMPERSONATION_SELECT_OPTION_EMAIL[lang],
+      },
+    ],
+    deactivateFormContent: (
+      activatedText: string,
+      replaceText: string[],
+      replaceWith: string[],
+      portal: AU.IPortalContext,
+    ) => (
+      <>
+        <div
+          className="content-container vertical-spacing-bottom typography-dense"
+          dangerouslySetInnerHTML={
+            // eslint-disable-next-line max-len
+            { __html: replace(activatedText, replaceText, replaceWith) }
+          }
+        />
+        <input type="hidden" name="type" value={portal.impersonationSetup.type} />
+        <input type="hidden" name="value" value={portal.impersonationSetup.value} />
+        <input type="hidden" name="phase" value={portal.impersonationSetup.phase} />
+      </>
+    ),
+  }, {
+    name: 'mitmedarbejdere',
+    impersonationSetup: {
+      auid: '',
+      value: '',
+      type: '',
+    },
+    impersonationOptions: [],
+    deactivateFormContent: (
+      activatedText: string,
+      replaceText: string[],
+      replaceWith: string[],
+      portal: AU.IPortalContext,
+    ) => (
+      <>
+        <div
+          className="content-container vertical-spacing-bottom typography-dense"
+          dangerouslySetInnerHTML={
+            // eslint-disable-next-line max-len
+            { __html: replace(activatedText, replaceText, replaceWith) }
+          }
+        />
+        <input type="hidden" name="type" value={portal.impersonationSetup.type} />
+        <input type="hidden" name="value" value={portal.impersonationSetup.value} />
+      </>
+    ),
+  },
+];
+
+export const getPortalByName = (
+  lang: string,
+  name: string,
+): AU.IPortalContext | null => portals(lang).find((portal) => portal.name === name) ?? null;
+
+export const impersonationPortalElement = document.querySelector('.page__pre-header');
+
+export const isImpersonating = (): boolean => {
+  if (window.userContext == null) {
+    return false;
+  }
+  if (window.userContext.impersonatedUser == null) {
+    return false;
+  }
+  return true;
+};
+
+export const impersonationHasErrored = (): boolean => window.impersonateError;

package/src/lib/tracking.ts

@@ -1,69 +1,69 @@
-/* eslint-disable func-names */
-/* eslint-env browser */
-/* eslint-disable no-sequences */
-/* eslint-disable prefer-destructuring */
-/* eslint-disable no-param-reassign */
-/* eslint-disable prefer-rest-params */
-/* eslint-disable no-unused-expressions */
-/* eslint-disable dot-notation */
-/* eslint-disable wrap-iife */
-/*
- * Title: TRACKING
- * Description: Google Analytics tracking
- */
-
-class AUTracking {
-  trackers: ITrackers[] = [
-    {
-      account: 'UA-2142081-1',
-      name: 'default',
-    },
-    {
-      account: 'UA-113308028-1',
-      name: 'search',
-    },
-  ];
-
-  constructor(trackers = []) {
-    trackers.forEach((tracker) => this.trackers.push(tracker));
-    this.init();
-
-    this.trackSingle = this.trackSingle.bind(this);
-  }
-
-  init() {
-    const gaNewElem: any = {};
-    const gaElems: any = {};
-    const currdate: any = new Date();
-
-    ((i, s, o, g, r, a, m): void => {
-      i['GoogleAnalyticsObject'] = r;
-      i[r] = i[r] || function () {
-        (i[r].q = i[r].q || []).push(arguments);
-      }, i[r].l = 1 * currdate;
-      a = s.createElement(o),
-      m = s.getElementsByTagName(o)[0];
-      a.async = 1;
-      a.src = g;
-      m.parentNode.insertBefore(a, m);
-    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga', gaNewElem, gaElems);
-
-    this.trackers.forEach((tracker) => {
-      window.ga('create', tracker.account, 'auto', tracker.name);
-      window.ga(`${tracker.name}.require`, 'displayfeatures');
-      window.ga(`${tracker.name}.require`, 'linkid', 'linkid.js');
-      window.ga(`${tracker.name}.require`, 'GTM-MGFPHKR');
-      window.ga(`${tracker.name}.set`, 'anonymizeIp', true);
-
-      window.ga(`${tracker.name}.send`, 'pageview');
-    });
-  }
-
-  trackSingle(trackerLink: string): void {
-    if (typeof window.ga !== 'undefined') {
-      this.trackers.forEach((tracker) => window.ga(`${tracker.name}.send`, 'pageview', trackerLink));
-    }
-  }
-}
-
-export default AUTracking;
+/* eslint-disable func-names */
+/* eslint-env browser */
+/* eslint-disable no-sequences */
+/* eslint-disable prefer-destructuring */
+/* eslint-disable no-param-reassign */
+/* eslint-disable prefer-rest-params */
+/* eslint-disable no-unused-expressions */
+/* eslint-disable dot-notation */
+/* eslint-disable wrap-iife */
+/*
+ * Title: TRACKING
+ * Description: Google Analytics tracking
+ */
+
+class AUTracking {
+  trackers: ITrackers[] = [
+    {
+      account: 'UA-2142081-1',
+      name: 'default',
+    },
+    {
+      account: 'UA-113308028-1',
+      name: 'search',
+    },
+  ];
+
+  constructor(trackers = []) {
+    trackers.forEach((tracker) => this.trackers.push(tracker));
+    this.init();
+
+    this.trackSingle = this.trackSingle.bind(this);
+  }
+
+  init() {
+    const gaNewElem: any = {};
+    const gaElems: any = {};
+    const currdate: any = new Date();
+
+    ((i, s, o, g, r, a, m): void => {
+      i['GoogleAnalyticsObject'] = r;
+      i[r] = i[r] || function () {
+        (i[r].q = i[r].q || []).push(arguments);
+      }, i[r].l = 1 * currdate;
+      a = s.createElement(o),
+      m = s.getElementsByTagName(o)[0];
+      a.async = 1;
+      a.src = g;
+      m.parentNode.insertBefore(a, m);
+    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga', gaNewElem, gaElems);
+
+    this.trackers.forEach((tracker) => {
+      window.ga('create', tracker.account, 'auto', tracker.name);
+      window.ga(`${tracker.name}.require`, 'displayfeatures');
+      window.ga(`${tracker.name}.require`, 'linkid', 'linkid.js');
+      window.ga(`${tracker.name}.require`, 'GTM-MGFPHKR');
+      window.ga(`${tracker.name}.set`, 'anonymizeIp', true);
+
+      window.ga(`${tracker.name}.send`, 'pageview');
+    });
+  }
+
+  trackSingle(trackerLink: string): void {
+    if (typeof window.ga !== 'undefined') {
+      this.trackers.forEach((tracker) => window.ga(`${tracker.name}.send`, 'pageview', trackerLink));
+    }
+  }
+}
+
+export default AUTracking;

package/src/lib/wrapping.ts

@@ -1,21 +1,21 @@
-/* eslint-env browser */
-const getSourceForFrame = (
-  serviceUrl: string,
-  path: string,
-  referrer: string,
-  callback: (data: any) => void,
-) => {
-  const getSource = async (): Promise<void> => {
-    const url = `${serviceUrl}?path=${path}&referrer=${referrer}`;
-    const response = await fetch(url, {
-      credentials: 'include',
-    });
-
-    const json = await response.json();
-    callback(json);
-  };
-
-  getSource();
-};
-
-export default getSourceForFrame;
+/* eslint-env browser */
+const getSourceForFrame = (
+  serviceUrl: string,
+  path: string,
+  referrer: string,
+  callback: (data: any) => void,
+) => {
+  const getSource = async (): Promise<void> => {
+    const url = `${serviceUrl}?path=${path}&referrer=${referrer}`;
+    const response = await fetch(url, {
+      credentials: 'include',
+    });
+
+    const json = await response.json();
+    callback(json);
+  };
+
+  getSource();
+};
+
+export default getSourceForFrame;

package/src/styles/_settings.scss

@@ -1,11 +1,11 @@
-$font-passata-regular: "AUPassataRegular";
-$font-passata-bold: "AUPassataBold";
-$gray-color:#e4e4e4;
-$gray-secondary-color:darken($gray-color, 50%);
-$alert-confirm-color: #8bad3f;
-$alert-cancel-color: #687989;
-$student-color:#8bad3f;
-$student-secondary-color:#2a4a0f;
-$staff-color: #379fcb;
-$staff-secondary-color:#003e5c;
+$font-passata-regular: "AUPassataRegular";
+$font-passata-bold: "AUPassataBold";
+$gray-color:#e4e4e4;
+$gray-secondary-color:darken($gray-color, 50%);
+$alert-confirm-color: #8bad3f;
+$alert-cancel-color: #687989;
+$student-color:#8bad3f;
+$student-secondary-color:#2a4a0f;
+$staff-color: #379fcb;
+$staff-secondary-color:#003e5c;
 $findicon: 'https://cdn.au.dk/2016/assets/img/databox/find.png';