@aarhus-university/au-lib-react-components 10.0.2 → 10.2.0

package/src/lib/helpers.ts

@@ -1,194 +1,194 @@
-/* eslint-env browser */
-/* NO IMPORTS! */
-
-// 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') {
-    return a.name.toLowerCase().localeCompare(b.name.toLowerCase(), 'da', { ignorePunctuation: true });
-  }
-  return 0;
-};
-
-const isElementInViewport = (element: HTMLElement): boolean => {
-  if (element === null) {
-    return false;
-  }
-
-  const rect = element.getBoundingClientRect();
-
-  return rect.bottom > 0
-    && rect.right > 0
-    && rect.left < (window.innerWidth || document.documentElement.clientWidth)
-    && rect.top < (window.innerHeight || document.documentElement.clientHeight);
-};
-
-const isElementPartlyInViewport = (element: HTMLElement): boolean => {
-  let top = element.offsetTop;
-  let left = element.offsetLeft;
-  const width = element.offsetWidth;
-  const height = element.offsetHeight;
-
-  let offsetElement = element;
-  while (offsetElement.offsetParent) {
-    offsetElement = element.offsetParent as HTMLElement;
-    top += element.offsetTop;
-    left += element.offsetLeft;
-  }
-
-  return (
-    top < (window.pageYOffset + window.innerHeight)
-    && left < (window.pageXOffset + window.innerWidth)
-    && (top + height) > window.pageYOffset
-    && (left + width) > window.pageXOffset
-  );
-};
-
-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();
-    exdate.setDate(exdate.getDate() + exdays);
-    cookieValue = `${cookieValue}; expires=${exdate.toUTCString()}`;
-  } else if (maxAge != null) {
-    cookieValue = `${cookieValue}; max-age=${maxAge}`;
-  }
-
-  document.cookie = `${cookieName}=${cookieValue}${path}`;
-};
-
-const getCookie = (cookieName: string): string | null => {
-  let cookieValue: string | null = document.cookie;
-  let cookieStart = cookieValue.indexOf(` ${cookieName}=`);
-  if (cookieStart === -1) {
-    cookieStart = cookieValue.indexOf(`${cookieName}=`);
-  }
-  if (cookieStart === -1) {
-    cookieValue = null;
-  } else {
-    cookieStart = cookieValue.indexOf('=', cookieStart) + 1;
-    let cookieEnd = cookieValue.indexOf(';', cookieStart);
-    if (cookieEnd === -1) {
-      cookieEnd = cookieValue.length;
-    }
-    cookieValue = decodeURI(cookieValue.substring(cookieStart, cookieEnd));
-  }
-  return cookieValue;
-};
-
-const addToSessionStorage = (key: string, data: unknown): unknown => {
-  if (window.sessionStorage) {
-    sessionStorage.setItem(key, JSON.stringify(data));
-  }
-
-  return data;
-};
-
-const getFromSessionStorage = (key: string): unknown | null => {
-  if (window.sessionStorage) {
-    const data = sessionStorage.getItem(key);
-    if (data) {
-      return JSON.parse(data);
-    }
-  }
-
-  return null;
-};
-
-const addToLocalStorage = (key: string, data: unknown): unknown => {
-  if (window.localStorage) {
-    localStorage.setItem(key, JSON.stringify(data));
-  }
-
-  return data;
-};
-
-const getFromLocalStorage = (key: string): unknown | null => {
-  if (window.localStorage) {
-    const data = localStorage.getItem(key);
-    if (data) {
-      return JSON.parse(data);
-    }
-  }
-
-  return null;
-};
-
-// Credits: http://blog.vishalon.net/index.php/javascript-getting-and-setting-caret-position-in-textarea/
-const setCaretPosition = (element: HTMLInputElement, pos: number): void => {
-  // Modern browsers
-  if (element && element.setSelectionRange) {
-    element.focus();
-    element.setSelectionRange(pos, pos);
-  }
-};
-
-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 = (): string => {
-    if (countryCodes.length > 0) {
-      const skip = '';
-      let count = 1;
-      let prefix = `${countryCodes.find((x) => x.important)?.code}`;
-      while (count < phoneNumber.length) {
-        const split = phoneNumber.substring(skip.length, skip.length + count);
-        if (countryCodeFound(split)) {
-          prefix = split;
-        }
-        count += 1;
-      }
-      return skip + prefix;
-    }
-    return '';
-  };
-
-  const prefix = findPrefix();
-  return {
-    prefix,
-    number: phoneNumber.replace(prefix, ''),
-  };
-};
-
-const prettyPrintPhone = (countryCodes: AU.ICountryCode[], phone: string) => {
-  if (phone) {
-    const { prefix, number } = splitPhoneNumber(countryCodes, phone);
-    if (prefix) {
-      return `${prefix} ${number?.match(/\d{1,2}/g)?.join(' ')}`;
-    }
-    return number?.match(/\d{1,2}/g)?.join(' ');
-  }
-  return '';
-};
-
-const scrollTo = (x = 0, y = 0) => window.scrollTo(x, y);
-
-export {
-  emailRegex,
-  sortAlphaObj,
-  isElementInViewport,
-  isElementPartlyInViewport,
-  setCookie,
-  getCookie,
-  addToLocalStorage,
-  getFromLocalStorage,
-  addToSessionStorage,
-  getFromSessionStorage,
-  setCaretPosition,
-  splitPhoneNumber,
-  prettyPrintPhone,
-  scrollTo,
-};
+/* eslint-env browser */
+/* NO IMPORTS! */
+
+// 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') {
+    return a.name.toLowerCase().localeCompare(b.name.toLowerCase(), 'da', { ignorePunctuation: true });
+  }
+  return 0;
+};
+
+const isElementInViewport = (element: HTMLElement): boolean => {
+  if (element === null) {
+    return false;
+  }
+
+  const rect = element.getBoundingClientRect();
+
+  return rect.bottom > 0
+    && rect.right > 0
+    && rect.left < (window.innerWidth || document.documentElement.clientWidth)
+    && rect.top < (window.innerHeight || document.documentElement.clientHeight);
+};
+
+const isElementPartlyInViewport = (element: HTMLElement): boolean => {
+  let top = element.offsetTop;
+  let left = element.offsetLeft;
+  const width = element.offsetWidth;
+  const height = element.offsetHeight;
+
+  let offsetElement = element;
+  while (offsetElement.offsetParent) {
+    offsetElement = element.offsetParent as HTMLElement;
+    top += element.offsetTop;
+    left += element.offsetLeft;
+  }
+
+  return (
+    top < (window.pageYOffset + window.innerHeight)
+    && left < (window.pageXOffset + window.innerWidth)
+    && (top + height) > window.pageYOffset
+    && (left + width) > window.pageXOffset
+  );
+};
+
+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();
+    exdate.setDate(exdate.getDate() + exdays);
+    cookieValue = `${cookieValue}; expires=${exdate.toUTCString()}`;
+  } else if (maxAge != null) {
+    cookieValue = `${cookieValue}; max-age=${maxAge}`;
+  }
+
+  document.cookie = `${cookieName}=${cookieValue}${path}`;
+};
+
+const getCookie = (cookieName: string): string | null => {
+  let cookieValue: string | null = document.cookie;
+  let cookieStart = cookieValue.indexOf(` ${cookieName}=`);
+  if (cookieStart === -1) {
+    cookieStart = cookieValue.indexOf(`${cookieName}=`);
+  }
+  if (cookieStart === -1) {
+    cookieValue = null;
+  } else {
+    cookieStart = cookieValue.indexOf('=', cookieStart) + 1;
+    let cookieEnd = cookieValue.indexOf(';', cookieStart);
+    if (cookieEnd === -1) {
+      cookieEnd = cookieValue.length;
+    }
+    cookieValue = decodeURI(cookieValue.substring(cookieStart, cookieEnd));
+  }
+  return cookieValue;
+};
+
+const addToSessionStorage = (key: string, data: unknown): unknown => {
+  if (window.sessionStorage) {
+    sessionStorage.setItem(key, JSON.stringify(data));
+  }
+
+  return data;
+};
+
+const getFromSessionStorage = (key: string): unknown | null => {
+  if (window.sessionStorage) {
+    const data = sessionStorage.getItem(key);
+    if (data) {
+      return JSON.parse(data);
+    }
+  }
+
+  return null;
+};
+
+const addToLocalStorage = (key: string, data: unknown): unknown => {
+  if (window.localStorage) {
+    localStorage.setItem(key, JSON.stringify(data));
+  }
+
+  return data;
+};
+
+const getFromLocalStorage = (key: string): unknown | null => {
+  if (window.localStorage) {
+    const data = localStorage.getItem(key);
+    if (data) {
+      return JSON.parse(data);
+    }
+  }
+
+  return null;
+};
+
+// Credits: http://blog.vishalon.net/index.php/javascript-getting-and-setting-caret-position-in-textarea/
+const setCaretPosition = (element: HTMLInputElement, pos: number): void => {
+  // Modern browsers
+  if (element && element.setSelectionRange) {
+    element.focus();
+    element.setSelectionRange(pos, pos);
+  }
+};
+
+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 = (): string => {
+    if (countryCodes.length > 0) {
+      const skip = '';
+      let count = 1;
+      let prefix = `${countryCodes.find((x) => x.important)?.code}`;
+      while (count < phoneNumber.length) {
+        const split = phoneNumber.substring(skip.length, skip.length + count);
+        if (countryCodeFound(split)) {
+          prefix = split;
+        }
+        count += 1;
+      }
+      return skip + prefix;
+    }
+    return '';
+  };
+
+  const prefix = findPrefix();
+  return {
+    prefix,
+    number: phoneNumber.replace(prefix, ''),
+  };
+};
+
+const prettyPrintPhone = (countryCodes: AU.ICountryCode[], phone: string) => {
+  if (phone) {
+    const { prefix, number } = splitPhoneNumber(countryCodes, phone);
+    if (prefix) {
+      return `${prefix} ${number?.match(/\d{1,2}/g)?.join(' ')}`;
+    }
+    return number?.match(/\d{1,2}/g)?.join(' ');
+  }
+  return '';
+};
+
+const scrollTo = (x = 0, y = 0) => window.scrollTo(x, y);
+
+export {
+  emailRegex,
+  sortAlphaObj,
+  isElementInViewport,
+  isElementPartlyInViewport,
+  setCookie,
+  getCookie,
+  addToLocalStorage,
+  getFromLocalStorage,
+  addToSessionStorage,
+  getFromSessionStorage,
+  setCaretPosition,
+  splitPhoneNumber,
+  prettyPrintPhone,
+  scrollTo,
+};

package/tsconfig.json

@@ -1,47 +1,47 @@
-{
-  "compilerOptions": {
-    // Target latest version of ECMAScript.
-    "target": "esnext",
-    // path to output directory
-    "outDir": "../wwwroot/js",
-    // enable strict null checks as a best practice
-    "strictNullChecks": true,
-    // Search under node_modules for non-relative imports.
-    "moduleResolution": "node",
-    // Process & infer types from .js files.
-    "allowJs": true,
-    // Don't emit; allow Babel to transform files.
-    "noEmit": true,
-    // Enable strictest settings like strictNullChecks & noImplicitAny.
-    "strict": true,
-    // Import non-ES modules as default imports.
-    "esModuleInterop": true,
-    // use typescript to transpile jsx to js
-    "jsx": "react",
-    "baseUrl": "./src",
-    "lib": [
-      "es2015",
-      "dom.iterable",
-      "es2016.array.include",
-      "es2017.object",
-      "dom"
-    ],
-    "module": "es6",
-    "removeComments": true,
-    "alwaysStrict": true,
-    "allowUnreachableCode": false,
-    "noImplicitAny": false,
-    "noImplicitThis": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "forceConsistentCasingInFileNames": true,
-    "importHelpers": true,
-    "resolveJsonModule": true,
-    "typeRoots": [
-      "./node_modules/@types",
-      "./node_modules/@aarhus-university/au-designsystem-delphinus/types"
-    ]
-  },
+{
+  "compilerOptions": {
+    // Target latest version of ECMAScript.
+    "target": "esnext",
+    // path to output directory
+    "outDir": "../wwwroot/js",
+    // enable strict null checks as a best practice
+    "strictNullChecks": true,
+    // Search under node_modules for non-relative imports.
+    "moduleResolution": "node",
+    // Process & infer types from .js files.
+    "allowJs": true,
+    // Don't emit; allow Babel to transform files.
+    "noEmit": true,
+    // Enable strictest settings like strictNullChecks & noImplicitAny.
+    "strict": true,
+    // Import non-ES modules as default imports.
+    "esModuleInterop": true,
+    // use typescript to transpile jsx to js
+    "jsx": "react",
+    "baseUrl": "./src",
+    "lib": [
+      "es2015",
+      "dom.iterable",
+      "es2016.array.include",
+      "es2017.object",
+      "dom"
+    ],
+    "module": "es6",
+    "removeComments": true,
+    "alwaysStrict": true,
+    "allowUnreachableCode": false,
+    "noImplicitAny": false,
+    "noImplicitThis": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "forceConsistentCasingInFileNames": true,
+    "importHelpers": true,
+    "resolveJsonModule": true,
+    "typeRoots": [
+      "./node_modules/@types",
+      "./node_modules/@aarhus-university/au-designsystem-delphinus/types"
+    ]
+  },
 }

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

@@ -7,6 +7,7 @@ interface IAlertButton {
 }
 
 interface IToastMessage {
+  header?: string,
   message: string,
   type: string,
 }

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

@@ -1,29 +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,
-  }
-}
+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,
+  }
+}