@aarhus-university/au-lib-react-components 9.11.7 → 9.11.11

package/src/lib/menu.js

@@ -1,10 +1,10 @@
-import axios from 'axios';
-
-const getSubPages = (url) => {
-  axios.get(url).then((promise) => {
-    const { subPages } = promise.data;
-    return subPages;
-  });
-};
-
-export default getSubPages;
+import axios from 'axios';
+
+const getSubPages = (url) => {
+  axios.get(url).then((promise) => {
+    const { subPages } = promise.data;
+    return subPages;
+  });
+};
+
+export default getSubPages;

package/src/lib/tracking.js

@@ -1,65 +1,65 @@
-/* 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 = [
-    {
-      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() {
-    (function (i, s, o, g, r, a, m) {
-      i['GoogleAnalyticsObject'] = r;
-      i[r] = i[r] || function () {
-        (i[r].q = i[r].q || []).push(arguments);
-      }, i[r].l = 1 * new Date();
-      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');
-
-    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) {
-    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 = [
+    {
+      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() {
+    (function (i, s, o, g, r, a, m) {
+      i['GoogleAnalyticsObject'] = r;
+      i[r] = i[r] || function () {
+        (i[r].q = i[r].q || []).push(arguments);
+      }, i[r].l = 1 * new Date();
+      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');
+
+    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) {
+    if (typeof window.ga !== 'undefined') {
+      this.trackers.forEach((tracker) => window.ga(`${tracker.name}.send`, 'pageview', trackerLink));
+    }
+  }
+}
+
+export default AUTracking;

package/src/lib/universe.js

@@ -1,9 +1,9 @@
-/* eslint-env browser */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import UniverseContainerComponent from '../components/universe/UniverseContainerComponent';
-
-ReactDOM.render(
-  <UniverseContainerComponent />,
-  document.querySelector('.universeheader'),
-);
+/* eslint-env browser */
+import React from 'react';
+import ReactDOM from 'react-dom';
+import UniverseContainerComponent from '../components/universe/UniverseContainerComponent';
+
+ReactDOM.render(
+  <UniverseContainerComponent />,
+  document.querySelector('.universeheader'),
+);

package/src/lib/urlHandler.js

@@ -1,63 +1,63 @@
-/* eslint-env browser */
-/* eslint no-restricted-syntax: 0 */
-/* eslint no-prototype-builtins: 0 */
-class AUUrlHandler {
-  constructor(onPopState, useHistory = true) {
-    this.useHistory = useHistory;
-
-    if (typeof onPopState === 'function') {
-      window.onpopstate = (event) => {
-        onPopState(event);
-      };
-    }
-  }
-
-  static getQuery(index = 1) {
-    return window.location.search.substring(index); // 1 = without ?
-  }
-
-  static parse() {
-    const query = AUUrlHandler.getQuery();
-    if (query === '') {
-      return null;
-    }
-    const objString = `{"${query.replace(/&/g, '","').replace(/=/g, '":"')}"}`;
-    return JSON.parse(objString, (key, value) => (key === '' ? value : decodeURIComponent(value)));
-  }
-
-  static serialize(obj) {
-    const str = [];
-    for (const p in obj) {
-      if (obj.hasOwnProperty(p) && obj[p] !== '') {
-        str.push(`${encodeURIComponent(p)}=${encodeURIComponent(obj[p])}`);
-      }
-    }
-    return str.join('&');
-  }
-
-  set(query, append = true, title = '') {
-    const { key, value } = query;
-
-    const current = AUUrlHandler.parse() || {};
-    current[key] = value;
-
-    const { location: { protocol, host, pathname } } = window;
-    let next = `?${AUUrlHandler.serialize(current)}`;
-    if (next === '?') {
-      next = `${protocol}//${host}${pathname}`;
-    } else {
-      next = `${pathname}${next}`;
-    }
-    if (this.useHistory) {
-      if (append) {
-        window.history.pushState('', title, next);
-      } else {
-        window.history.replaceState('', title, next);
-      }
-    } else {
-      window.location.search = next;
-    }
-  }
-}
-
-export default AUUrlHandler;
+/* eslint-env browser */
+/* eslint no-restricted-syntax: 0 */
+/* eslint no-prototype-builtins: 0 */
+class AUUrlHandler {
+  constructor(onPopState, useHistory = true) {
+    this.useHistory = useHistory;
+
+    if (typeof onPopState === 'function') {
+      window.onpopstate = (event) => {
+        onPopState(event);
+      };
+    }
+  }
+
+  static getQuery(index = 1) {
+    return window.location.search.substring(index); // 1 = without ?
+  }
+
+  static parse() {
+    const query = AUUrlHandler.getQuery();
+    if (query === '') {
+      return null;
+    }
+    const objString = `{"${query.replace(/&/g, '","').replace(/=/g, '":"')}"}`;
+    return JSON.parse(objString, (key, value) => (key === '' ? value : decodeURIComponent(value)));
+  }
+
+  static serialize(obj) {
+    const str = [];
+    for (const p in obj) {
+      if (obj.hasOwnProperty(p) && obj[p] !== '') {
+        str.push(`${encodeURIComponent(p)}=${encodeURIComponent(obj[p])}`);
+      }
+    }
+    return str.join('&');
+  }
+
+  set(query, append = true, title = '') {
+    const { key, value } = query;
+
+    const current = AUUrlHandler.parse() || {};
+    current[key] = value;
+
+    const { location: { protocol, host, pathname } } = window;
+    let next = `?${AUUrlHandler.serialize(current)}`;
+    if (next === '?') {
+      next = `${protocol}//${host}${pathname}`;
+    } else {
+      next = `${pathname}${next}`;
+    }
+    if (this.useHistory) {
+      if (append) {
+        window.history.pushState('', title, next);
+      } else {
+        window.history.replaceState('', title, next);
+      }
+    } else {
+      window.location.search = next;
+    }
+  }
+}
+
+export default AUUrlHandler;

package/src/lib/validation.js

@@ -1,181 +1,181 @@
-import React from 'react';
-import { passwordLabels } from './i18n';
-
-const emailRegex = /^(?=.{6,320}$)([0-9A-Za-z]([0-9A-Za-z\x21\x23\x24\x25\x26\x27\x2a\x2b\x2f\x3d\x3f\x5e\x5f\x60\x7b\x7c\x7d\x7e\x2d\x2e]{0,62}[0-9A-Za-z])?\x40(?=.{4,255}$)(([0-9A-Za-z]([0-9A-Za-z\x2d]{0,254}[0-9A-Za-z])?\x2e)+[0-9A-Za-z]([0-9A-Za-z\x2d]{0,254}[0-9A-Za-z])?))$/;
-const studentRegistrationNumberRegex = /^[a-zA-Z0-9]{3,12}$/;
-const auIdRegex = /^au[1-9]([0-9]{0,8})$/;
-
-const renderValidation = (messages) => messages.map(
-  (message) => <span key={message} className="form-info__message">{message}</span>,
-);
-
-const validateForm = (lang, fieldValue, rulesAndMessages = []) => {
-  let valid = true;
-  const validationMessages = [];
-  rulesAndMessages.forEach((rm) => {
-    if (!rm.rule(fieldValue)) {
-      valid = false;
-      validationMessages.push(rm.message);
-    }
-  });
-
-  if (valid) {
-    validationMessages.push(passwordLabels[lang].allGood);
-  }
-
-  return [valid, validationMessages];
-};
-
-const validatePassword = (lang, newPassword, confirmPassword, blur = false, submit = false) => {
-  const length = 12;
-  const lowerLetters = /([a-z])/g;
-  const upperLetters = /([A-Z])/g;
-  const invalidLetters = /([æøåÆØÅ])/g;
-  const numbers = /([0-9])/g;
-  const special = /~|!|@|#|\$|%|\^|&|\*|_|-|\+|=|`|\||\(|\)|{|}|\[|\]|:|;|"|'|<|>|,|\.|\?|\//g;
-  const spaces = /\s/g;
-  const all = new RegExp(`${lowerLetters.source}|${upperLetters.source}|${invalidLetters.source}|${numbers.source}|${special.source}|${spaces.source}`);
-
-  let newPasswordValid = false;
-  const newPasswordMessages = [];
-  let confirmPasswordValid = false;
-  const confirmPasswordMessages = [];
-
-  const map = new Map();
-  Object.entries(passwordLabels[lang].rules).forEach((label) => {
-    map.set(label[0], label[1].replace('###LENGTH###', length));
-  });
-
-  let key = '';
-
-  if (newPassword.length > 0) {
-    if (newPassword.length >= length || blur) {
-      newPasswordValid = true;
-      if (newPassword.match(invalidLetters)) {
-        newPasswordMessages.push(map.get('invalid'));
-        newPasswordValid = false;
-      }
-
-      if (newPassword.match(spaces)) {
-        newPasswordMessages.push(map.get('spaces'));
-        newPasswordValid = false;
-      }
-
-      let invalidSpecialFound = false;
-      newPassword.split('').forEach((char) => {
-        if (!char.match(all)) {
-          invalidSpecialFound = true;
-        }
-      });
-
-      if (invalidSpecialFound) {
-        newPasswordMessages.push(map.get('specialchars'));
-        newPasswordValid = false;
-      }
-
-      let cases = 0;
-      if (!newPassword.match(lowerLetters)) {
-        key = `${key}lower`;
-        cases += 1;
-      }
-
-      if (!newPassword.match(upperLetters)) {
-        key = `${key}upper`;
-        cases += 1;
-      }
-
-      if (!newPassword.match(numbers)) {
-        key = `${key}numbers`;
-        cases += 1;
-      }
-
-      if (!newPassword.match(special)) {
-        key = `${key}special`;
-        cases += 1;
-      }
-
-      if (cases > 1) {
-        newPasswordValid = false;
-      }
-
-      if (newPassword.length < length) {
-        newPasswordMessages.push(map.get('length'));
-        newPasswordValid = false;
-      }
-    } else {
-      if (newPassword.match(invalidLetters)) {
-        newPasswordMessages.push(map.get('invalid'));
-        newPasswordValid = false;
-      }
-
-      if (newPassword.match(spaces)) {
-        newPasswordMessages.push(map.get('spaces'));
-        newPasswordValid = false;
-      }
-
-      let invalidSpecialFound = false;
-      newPassword.split('').forEach((char) => {
-        if (!char.match(all)) {
-          invalidSpecialFound = true;
-        }
-      });
-
-      if (invalidSpecialFound) {
-        newPasswordMessages.push(map.get('specialchars'));
-        newPasswordValid = false;
-      }
-
-      if (newPassword.length < length && blur) {
-        newPasswordMessages.push(map.get('length'));
-        newPasswordValid = false;
-      }
-    }
-
-    console.log(key);
-
-    const mapKey = map.get(key);
-    if (typeof mapKey !== 'undefined') {
-      newPasswordMessages.push(mapKey);
-    }
-
-    if (newPasswordValid) {
-      newPasswordMessages.push(passwordLabels[lang].allRequirements);
-    }
-
-    if (confirmPassword.length >= newPassword.length
-      || ((blur || submit) && confirmPassword.length > 0)) {
-      if (confirmPassword === newPassword) {
-        confirmPasswordMessages.push(passwordLabels[lang].passwordsEqual);
-        confirmPasswordValid = true;
-      } else {
-        confirmPasswordMessages.push(passwordLabels[lang].passwordsNotEqual);
-      }
-    }
-  }
-
-  if (submit) {
-    if (newPassword === '') {
-      newPasswordValid = false;
-      newPasswordMessages.push(passwordLabels[lang].typeNew);
-    } else if (confirmPassword === '') {
-      confirmPasswordValid = false;
-      confirmPasswordMessages.push(passwordLabels[lang].repeatNew);
-    }
-  }
-
-  return {
-    newPasswordValid,
-    newPasswordMessages,
-    confirmPasswordValid,
-    confirmPasswordMessages,
-  };
-};
-
-export {
-  emailRegex,
-  studentRegistrationNumberRegex,
-  auIdRegex,
-  renderValidation,
-  validatePassword,
-  validateForm,
-};
+import React from 'react';
+import { passwordLabels } from './i18n';
+
+const emailRegex = /^(?=.{6,320}$)([0-9A-Za-z]([0-9A-Za-z\x21\x23\x24\x25\x26\x27\x2a\x2b\x2f\x3d\x3f\x5e\x5f\x60\x7b\x7c\x7d\x7e\x2d\x2e]{0,62}[0-9A-Za-z])?\x40(?=.{4,255}$)(([0-9A-Za-z]([0-9A-Za-z\x2d]{0,254}[0-9A-Za-z])?\x2e)+[0-9A-Za-z]([0-9A-Za-z\x2d]{0,254}[0-9A-Za-z])?))$/;
+const studentRegistrationNumberRegex = /^[a-zA-Z0-9]{3,12}$/;
+const auIdRegex = /^au[1-9]([0-9]{0,8})$/;
+
+const renderValidation = (messages) => messages.map(
+  (message) => <span key={message} className="form-info__message">{message}</span>,
+);
+
+const validateForm = (lang, fieldValue, rulesAndMessages = []) => {
+  let valid = true;
+  const validationMessages = [];
+  rulesAndMessages.forEach((rm) => {
+    if (!rm.rule(fieldValue)) {
+      valid = false;
+      validationMessages.push(rm.message);
+    }
+  });
+
+  if (valid) {
+    validationMessages.push(passwordLabels[lang].allGood);
+  }
+
+  return [valid, validationMessages];
+};
+
+const validatePassword = (lang, newPassword, confirmPassword, blur = false, submit = false) => {
+  const length = 12;
+  const lowerLetters = /([a-z])/g;
+  const upperLetters = /([A-Z])/g;
+  const invalidLetters = /([æøåÆØÅ])/g;
+  const numbers = /([0-9])/g;
+  const special = /~|!|@|#|\$|%|\^|&|\*|_|-|\+|=|`|\||\(|\)|{|}|\[|\]|:|;|"|'|<|>|,|\.|\?|\//g;
+  const spaces = /\s/g;
+  const all = new RegExp(`${lowerLetters.source}|${upperLetters.source}|${invalidLetters.source}|${numbers.source}|${special.source}|${spaces.source}`);
+
+  let newPasswordValid = false;
+  const newPasswordMessages = [];
+  let confirmPasswordValid = false;
+  const confirmPasswordMessages = [];
+
+  const map = new Map();
+  Object.entries(passwordLabels[lang].rules).forEach((label) => {
+    map.set(label[0], label[1].replace('###LENGTH###', length));
+  });
+
+  let key = '';
+
+  if (newPassword.length > 0) {
+    if (newPassword.length >= length || blur) {
+      newPasswordValid = true;
+      if (newPassword.match(invalidLetters)) {
+        newPasswordMessages.push(map.get('invalid'));
+        newPasswordValid = false;
+      }
+
+      if (newPassword.match(spaces)) {
+        newPasswordMessages.push(map.get('spaces'));
+        newPasswordValid = false;
+      }
+
+      let invalidSpecialFound = false;
+      newPassword.split('').forEach((char) => {
+        if (!char.match(all)) {
+          invalidSpecialFound = true;
+        }
+      });
+
+      if (invalidSpecialFound) {
+        newPasswordMessages.push(map.get('specialchars'));
+        newPasswordValid = false;
+      }
+
+      let cases = 0;
+      if (!newPassword.match(lowerLetters)) {
+        key = `${key}lower`;
+        cases += 1;
+      }
+
+      if (!newPassword.match(upperLetters)) {
+        key = `${key}upper`;
+        cases += 1;
+      }
+
+      if (!newPassword.match(numbers)) {
+        key = `${key}numbers`;
+        cases += 1;
+      }
+
+      if (!newPassword.match(special)) {
+        key = `${key}special`;
+        cases += 1;
+      }
+
+      if (cases > 1) {
+        newPasswordValid = false;
+      }
+
+      if (newPassword.length < length) {
+        newPasswordMessages.push(map.get('length'));
+        newPasswordValid = false;
+      }
+    } else {
+      if (newPassword.match(invalidLetters)) {
+        newPasswordMessages.push(map.get('invalid'));
+        newPasswordValid = false;
+      }
+
+      if (newPassword.match(spaces)) {
+        newPasswordMessages.push(map.get('spaces'));
+        newPasswordValid = false;
+      }
+
+      let invalidSpecialFound = false;
+      newPassword.split('').forEach((char) => {
+        if (!char.match(all)) {
+          invalidSpecialFound = true;
+        }
+      });
+
+      if (invalidSpecialFound) {
+        newPasswordMessages.push(map.get('specialchars'));
+        newPasswordValid = false;
+      }
+
+      if (newPassword.length < length && blur) {
+        newPasswordMessages.push(map.get('length'));
+        newPasswordValid = false;
+      }
+    }
+
+    console.log(key);
+
+    const mapKey = map.get(key);
+    if (typeof mapKey !== 'undefined') {
+      newPasswordMessages.push(mapKey);
+    }
+
+    if (newPasswordValid) {
+      newPasswordMessages.push(passwordLabels[lang].allRequirements);
+    }
+
+    if (confirmPassword.length >= newPassword.length
+      || ((blur || submit) && confirmPassword.length > 0)) {
+      if (confirmPassword === newPassword) {
+        confirmPasswordMessages.push(passwordLabels[lang].passwordsEqual);
+        confirmPasswordValid = true;
+      } else {
+        confirmPasswordMessages.push(passwordLabels[lang].passwordsNotEqual);
+      }
+    }
+  }
+
+  if (submit) {
+    if (newPassword === '') {
+      newPasswordValid = false;
+      newPasswordMessages.push(passwordLabels[lang].typeNew);
+    } else if (confirmPassword === '') {
+      confirmPasswordValid = false;
+      confirmPasswordMessages.push(passwordLabels[lang].repeatNew);
+    }
+  }
+
+  return {
+    newPasswordValid,
+    newPasswordMessages,
+    confirmPasswordValid,
+    confirmPasswordMessages,
+  };
+};
+
+export {
+  emailRegex,
+  studentRegistrationNumberRegex,
+  auIdRegex,
+  renderValidation,
+  validatePassword,
+  validateForm,
+};