@aarhus-university/au-lib-react-components 8.82.0 → 8.85.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "sideEffects": false,
   "name": "@aarhus-university/au-lib-react-components",
-  "version": "8.82.0",
+  "version": "8.85.0",
   "description": "Library for shared React components for various applications on au.dk",
   "scripts": {
     "build": "webpack --config ./webpack.config.js"

package/src/components/AUMobilePrefixComponent.tsx

@@ -4,7 +4,7 @@ const AUMobilePrefixComponent: FC<AUMobilePrefixComponentProps> = ({
   countryCodes,
   important,
 }: AUMobilePrefixComponentProps) => {
-  const renderCountryCodes = (codes: ICountryCode[]) => codes.map(c => <option key={c.da} value={`+${c.code}`}>{`${c.da} (+${c.code})`}</option>);
+  const renderCountryCodes = (codes:AU.ICountryCode[]) => codes.map(c => <option key={c.da} value={`+${c.code}`}>{`${c.da} (+${c.code})`}</option>);
   if (important) {
     return <>{renderCountryCodes(countryCodes.filter(c => c.important))}</>;
   }

package/src/components/AUSpinnerComponent.tsx

@@ -1,6 +1,6 @@
 /* eslint-env browser */
-import React, { useEffect, FC } from 'react';
-import { isElementInViewport } from '@aarhus-university/au-designsystem-delphinus/source/js/components/helpers';
+import React, { useState, useEffect, FC } from 'react';
+import { isElementInViewport } from '../lib/helpers';
 
 const AUSpinnerComponent: FC<AUSpinnerComponentProps> = ({
   domID,
@@ -13,12 +13,15 @@ const AUSpinnerComponent: FC<AUSpinnerComponentProps> = ({
   init,
   onLoad,
 }: AUSpinnerComponentProps) => {
+  const [loading, setLoading] = useState<boolean>(true);
   const lazyLoad = (): void => {
     const element = document.getElementById(domID as string);
     if (element
       && !loaded
+      && loading
       && loadingCondition
       && (visible || isElementInViewport(element))) {
+      setLoading(false);
       onLoad();
     }
   };
@@ -27,7 +30,7 @@ const AUSpinnerComponent: FC<AUSpinnerComponentProps> = ({
     window.addEventListener('scroll', () => {
       lazyLoad();
     });
-  }, []);
+  });
 
   useEffect(() => {
     lazyLoad();

package/src/lib/helpers.ts

@@ -131,7 +131,10 @@ const setCaretPosition = (element: HTMLInputElement, pos: number): void => {
   }
 };
 
-const splitPhoneNumber = (countryCodes: ICountryCode[], phoneNumber: string): IPhoneNumber => {
+const splitPhoneNumber = (
+  countryCodes: AU.ICountryCode[],
+  phoneNumber: string,
+): AU.IPhoneNumber => {
   const countryCodeFound = (code: string) => countryCodes.filter(
     (x) => x.code === parseInt(code, 10),
   ).length > 0;
@@ -160,7 +163,7 @@ const splitPhoneNumber = (countryCodes: ICountryCode[], phoneNumber: string): IP
   };
 };
 
-const prettyPrintPhone = (countryCodes: ICountryCode[], phone: string) => {
+const prettyPrintPhone = (countryCodes: AU.ICountryCode[], phone: string) => {
   if (phone) {
     const { prefix, number } = splitPhoneNumber(countryCodes, phone);
     if (prefix) {

package/src/lib/i18n.ts

@@ -355,7 +355,7 @@ const passwordLabels = {
   },
 };
 
-const countryCodes: ICountryCode[] = [
+const countryCodes:AU.ICountryCode[] = [
   { da: 'Afghanistan', en: 'Afghanistan', code: 93 },
   { da: 'Albanien', en: 'Albania', code: 355 },
   { da: 'Algeriet', en: 'Algeria', code: 213 },

package/types/common/{interfaces.d.ts → interfaces/gui.d.ts}

@@ -41,23 +41,11 @@ interface IProgressable {
   progressed: boolean,
 }
 
-interface ICountryCode {
-  da: string,
-  en: string,
-  code: number,
-  important?: boolean | undefined,
-}
-
 interface IReceiptButton {
   gotoLink: string,
   gotoText: string,
 }
 
-interface IPhoneNumber {
-  prefix: string,
-  number: string,
-}
-
 interface ITrackers {
   account: string,
   name: string,
@@ -73,19 +61,3 @@ interface IProfileSettings {
   disabled?: boolean,
   onClick?: (el: Element) => void,
 }
-
-interface IUserContext {
-  auId: number,
-  firstNames: string,
-  lastName: string,
-  name: string,
-  preferredLanguage: string,
-  userName: string,
-  memberOfGroups: IAdGroup[],
-  impersonatingUser: IUserContext | null,
-}
-
-interface IAdGroup {
-  id: string,
-  name: string,
-}

package/types/common/interfaces/model.d.ts

@@ -0,0 +1,29 @@
+declare namespace AU {
+  export interface IUserContext {
+    auId: number,
+    firstNames: string,
+    lastName: string,
+    name: string,
+    preferredLanguage: string,
+    userName: string,
+    memberOfGroups: IAdGroup[],
+    impersonatingUser: IUserContext | null,
+  }
+
+  export interface IAdGroup {
+    id: string,
+    name: string,
+  }
+
+  export interface ICountryCode {
+    da: string,
+    en: string,
+    code: number,
+    important?: boolean | undefined,
+  }
+
+  export interface IPhoneNumber {
+    prefix: string,
+    number: string,
+  }
+}

package/types/common/main.d.ts

@@ -1,4 +1,5 @@
 /* eslint-disable @typescript-eslint/triple-slash-reference */
-/// <reference path="./interfaces.d.ts" />
+/// <reference path="./interfaces/gui.d.ts" />
+/// <reference path="./interfaces/model.d.ts" />
 /// <reference path="./payloads.d.ts" />
 /// <reference path="./props.d.ts" />

package/types/common/props.d.ts

@@ -126,7 +126,7 @@ interface AUSubmitButtonContainerComponentProps {
 }
 
 interface AUMobilePrefixComponentProps {
-  countryCodes: ICountryCode[],
+  countryCodes: AU.ICountryCode[],
   important: boolean,
 }
 
@@ -149,7 +149,7 @@ interface AUProfileWidgetComponentProps {
 }
 
 interface AUProfileAvatarComponentProps {
-  user: IUserContext,
+  user: AU.IUserContext,
   settings: IProfileSettings[],
   profileLabels: any, // Noget med labels her?
   logoutUri: string,