@aarhus-university/au-lib-react-components 9.11.18 → 10.0.1

package/src/lib/{helpers.js → helpers.ts}

@@ -1,7 +1,8 @@
 /* eslint-env browser */
 /* NO IMPORTS! */
 
-const { serviceScopeProfile } = window; // Sættes pr. webapp
+// eslint-disable-next-line no-control-regex
+const emailRegex = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/;
 
 const sortAlphaObj = (a, b) => {
   if (typeof a.name !== 'undefined' && typeof b.name !== 'undefined') {
@@ -10,7 +11,7 @@ const sortAlphaObj = (a, b) => {
   return 0;
 };
 
-const isElementInViewport = (element) => {
+const isElementInViewport = (element: HTMLElement): boolean => {
   if (element === null) {
     return false;
   }
@@ -23,7 +24,7 @@ const isElementInViewport = (element) => {
     && rect.top < (window.innerHeight || document.documentElement.clientHeight);
 };
 
-const isElementPartlyInViewport = (element) => {
+const isElementPartlyInViewport = (element: HTMLElement): boolean => {
   let top = element.offsetTop;
   let left = element.offsetLeft;
   const width = element.offsetWidth;
@@ -31,7 +32,7 @@ const isElementPartlyInViewport = (element) => {
 
   let offsetElement = element;
   while (offsetElement.offsetParent) {
-    offsetElement = element.offsetParent;
+    offsetElement = element.offsetParent as HTMLElement;
     top += element.offsetTop;
     left += element.offsetLeft;
   }
@@ -44,7 +45,14 @@ const isElementPartlyInViewport = (element) => {
   );
 };
 
-const setCookie = (cookieName, value, maxAge = null, exdays = null, path = ';path=/;domain=au.dk') => {
+const setCookie = (
+  cookieName: string,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  value: any,
+  maxAge: number | null = null,
+  exdays: number | null = null,
+  path = ';path=/;domain=au.dk',
+): void => {
   let cookieValue = encodeURI(value);
   if (exdays != null) {
     const exdate = new Date();
@@ -57,8 +65,8 @@ const setCookie = (cookieName, value, maxAge = null, exdays = null, path = ';pat
   document.cookie = `${cookieName}=${cookieValue}${path}`;
 };
 
-const getCookie = (cookieName) => {
-  let cookieValue = document.cookie;
+const getCookie = (cookieName: string): string | null => {
+  let cookieValue: string | null = document.cookie;
   let cookieStart = cookieValue.indexOf(` ${cookieName}=`);
   if (cookieStart === -1) {
     cookieStart = cookieValue.indexOf(`${cookieName}=`);
@@ -76,7 +84,7 @@ const getCookie = (cookieName) => {
   return cookieValue;
 };
 
-const addToSessionStorage = (key, data) => {
+const addToSessionStorage = (key: string, data: unknown): unknown => {
   if (window.sessionStorage) {
     sessionStorage.setItem(key, JSON.stringify(data));
   }
@@ -84,7 +92,7 @@ const addToSessionStorage = (key, data) => {
   return data;
 };
 
-const getFromSessionStorage = (key) => {
+const getFromSessionStorage = (key: string): unknown | null => {
   if (window.sessionStorage) {
     const data = sessionStorage.getItem(key);
     if (data) {
@@ -95,7 +103,7 @@ const getFromSessionStorage = (key) => {
   return null;
 };
 
-const addToLocalStorage = (key, data) => {
+const addToLocalStorage = (key: string, data: unknown): unknown => {
   if (window.localStorage) {
     localStorage.setItem(key, JSON.stringify(data));
   }
@@ -103,7 +111,7 @@ const addToLocalStorage = (key, data) => {
   return data;
 };
 
-const getFromLocalStorage = (key) => {
+const getFromLocalStorage = (key: string): unknown | null => {
   if (window.localStorage) {
     const data = localStorage.getItem(key);
     if (data) {
@@ -114,35 +122,8 @@ const getFromLocalStorage = (key) => {
   return null;
 };
 
-const setContextInSession = (key, data, clearPrevious = true) => {
-  if (clearPrevious) {
-    Object.entries(window.sessionStorage).forEach((entry) => {
-      const entryKey = entry[0];
-      if (entryKey.includes('user-context')) {
-        window.sessionStorage.removeItem(entryKey);
-      }
-    });
-  }
-  window.sessionStorage.setItem(`user-context-${key}`, data);
-};
-
-const getContextFromSession = (key = '', any = false) => {
-  if (any) {
-    let foundContext = null;
-    Object.entries(window.sessionStorage).forEach((entry) => {
-      const entryKey = entry[0];
-      if (entryKey.includes('user-context')) {
-        foundContext = window.sessionStorage.getItem(entryKey);
-      }
-    });
-    return foundContext;
-  }
-
-  return window.sessionStorage.getItem(`user-context-${key}`);
-};
-
 // Credits: http://blog.vishalon.net/index.php/javascript-getting-and-setting-caret-position-in-textarea/
-const setCaretPosition = (element, pos) => {
+const setCaretPosition = (element: HTMLInputElement, pos: number): void => {
   // Modern browsers
   if (element && element.setSelectionRange) {
     element.focus();
@@ -150,16 +131,19 @@ const setCaretPosition = (element, pos) => {
   }
 };
 
-const splitPhoneNumber = (countryCodes, phoneNumber) => {
-  const countryCodeFound = (code) => countryCodes.filter(
+const splitPhoneNumber = (
+  countryCodes: AU.ICountryCode[],
+  phoneNumber: string,
+): AU.IPhoneNumber => {
+  const countryCodeFound = (code: string) => countryCodes.filter(
     (x) => x.code === parseInt(code, 10),
   ).length > 0;
 
-  const findPrefix = () => {
+  const findPrefix = (): string => {
     if (countryCodes.length > 0) {
       const skip = '';
       let count = 1;
-      let prefix = countryCodes.find((x) => x.important).code;
+      let prefix = `${countryCodes.find((x) => x.important)?.code}`;
       while (count < phoneNumber.length) {
         const split = phoneNumber.substring(skip.length, skip.length + count);
         if (countryCodeFound(split)) {
@@ -179,25 +163,21 @@ const splitPhoneNumber = (countryCodes, phoneNumber) => {
   };
 };
 
-const prettyPrintPhone = (countryCodes, phone) => {
+const prettyPrintPhone = (countryCodes: AU.ICountryCode[], phone: string) => {
   if (phone) {
     const { prefix, number } = splitPhoneNumber(countryCodes, phone);
-    return `${prefix} ${number.match(/\d{1,2}/g).join(' ')}`;
+    if (prefix) {
+      return `${prefix} ${number?.match(/\d{1,2}/g)?.join(' ')}`;
+    }
+    return number?.match(/\d{1,2}/g)?.join(' ');
   }
   return '';
 };
 
-const getAccessToken = (auAuth, serviceScope, callback) => {
-  auAuth.getAccessToken([serviceScope]).then((accessToken) => {
-    callback(accessToken.accessToken);
-  });
-};
-
-const parseError = (errorArray) => errorArray.map((e) => e.errorMessage).join(', ');
-
 const scrollTo = (x = 0, y = 0) => window.scrollTo(x, y);
 
 export {
+  emailRegex,
   sortAlphaObj,
   isElementInViewport,
   isElementPartlyInViewport,
@@ -208,12 +188,7 @@ export {
   addToSessionStorage,
   getFromSessionStorage,
   setCaretPosition,
-  getAccessToken,
-  serviceScopeProfile,
   splitPhoneNumber,
   prettyPrintPhone,
-  parseError,
   scrollTo,
-  setContextInSession,
-  getContextFromSession,
 };

package/src/{components/delphinus/hooks.js → lib/hooks.ts}

@@ -1,28 +1,33 @@
-/* eslint-disable import/prefer-default-export */
-import { useState, useEffect } from 'react';
-import { showModal, hideModal } from '@aarhus-university/au-designsystem-delphinus/source/js/components/modal-view';
-
-// eslint-disable-next-line max-len
-const useModal = (domId, initialState, showCondition = true, hideCondition = false, closeable = true) => {
-  const [modal, setModal] = useState({ modal: initialState, sender: null });
-
-  useEffect(() => {
-    if (modal.modal && modal.sender && showCondition) {
-      showModal(domId, modal.sender, () => {
-        setModal({ modal: false, sender: null });
-      }, closeable);
-    }
-
-    if (modal.modal && modal.sender && hideCondition) {
-      hideModal(domId, modal.sender, () => {
-        setModal({ modal: false, sender: null });
-      });
-    }
-  });
-
-  return [modal, setModal];
-};
-
-export {
-  useModal,
-};
+/* eslint-disable import/prefer-default-export */
+import { useState, useEffect } from 'react';
+import { showModal, hideModal } from '@aarhus-university/au-designsystem-delphinus/source/js/components/modal-view';
+
+const useModal = (
+  domId: string,
+  initialState: boolean,
+  showCondition = true,
+  hideCondition = false,
+  closeable = true,
+): [IModal, (modal: IModal) => void] => {
+  const [modal, setModal] = useState<IModal>({ modal: initialState, sender: null });
+
+  useEffect(() => {
+    if (modal.modal && modal.sender && showCondition) {
+      showModal(domId, modal.sender, () => {
+        setModal({ modal: false, sender: null });
+      }, closeable);
+    }
+
+    if (modal.modal && modal.sender && hideCondition) {
+      hideModal(domId, modal.sender, () => {
+        setModal({ modal: false, sender: null });
+      });
+    }
+  });
+
+  return [modal, setModal];
+};
+
+export {
+  useModal,
+};