@aarhus-university/au-lib-react-components 9.11.19 → 9.12.0

package/src/components/password/AUPasswordReducer.js

@@ -1,78 +1,78 @@
-import {
-  PATCH_PASSWORD,
-  DISMISS_MESSAGES,
-  SET_SAVED,
-  SAVING_PASSWORD,
-  SENDING_MAIL,
-  SEND_MAIL,
-  GET_TOKEN_STATUS,
-} from './AUPasswordActions';
-
-export const initialState = {
-  password: {
-    saving: false,
-    saved: false,
-    validToken: true,
-  },
-  messages: [],
-};
-
-export const reducer = (state = initialState, action) => {
-  const nextState = { ...state };
-
-  switch (action.type) {
-    case DISMISS_MESSAGES: {
-      nextState.messages = [];
-      return nextState;
-    }
-    case SET_SAVED: {
-      const prevPassword = { ...nextState.password };
-      nextState.password = Object.assign(prevPassword, {
-        saved: false,
-      });
-      return nextState;
-    }
-    case SENDING_MAIL:
-    case SAVING_PASSWORD: {
-      const prevPassword = { ...nextState.password };
-      nextState.password = Object.assign(prevPassword, { saving: true, saved: false });
-      return nextState;
-    }
-    case SEND_MAIL:
-    case PATCH_PASSWORD: {
-      const { result } = action;
-      const prevPassword = { ...nextState.password };
-      if (result.password) {
-        nextState.password = Object.assign(prevPassword, {
-          saving: false,
-          saved: true,
-        });
-      } else if (result.error) {
-        const {
-          errorType,
-          errorMessageDa,
-          errorMessageEn,
-          lang,
-        } = result.error;
-        nextState.messages = [{
-          type: errorType,
-          message: lang === 'da' ? errorMessageDa : errorMessageEn,
-        }];
-        nextState.password = Object.assign(prevPassword, { saving: false });
-      }
-      return nextState;
-    }
-    case GET_TOKEN_STATUS: {
-      const { result } = action;
-      const prevPassword = { ...nextState.password };
-      nextState.password = Object.assign(prevPassword, {
-        validToken: result.token,
-      });
-
-      return nextState;
-    }
-    default: {
-      return null;
-    }
-  }
-};
+import {
+  PATCH_PASSWORD,
+  DISMISS_MESSAGES,
+  SET_SAVED,
+  SAVING_PASSWORD,
+  SENDING_MAIL,
+  SEND_MAIL,
+  GET_TOKEN_STATUS,
+} from './AUPasswordActions';
+
+export const initialState = {
+  password: {
+    saving: false,
+    saved: false,
+    validToken: true,
+  },
+  messages: [],
+};
+
+export const reducer = (state = initialState, action) => {
+  const nextState = { ...state };
+
+  switch (action.type) {
+    case DISMISS_MESSAGES: {
+      nextState.messages = [];
+      return nextState;
+    }
+    case SET_SAVED: {
+      const prevPassword = { ...nextState.password };
+      nextState.password = Object.assign(prevPassword, {
+        saved: false,
+      });
+      return nextState;
+    }
+    case SENDING_MAIL:
+    case SAVING_PASSWORD: {
+      const prevPassword = { ...nextState.password };
+      nextState.password = Object.assign(prevPassword, { saving: true, saved: false });
+      return nextState;
+    }
+    case SEND_MAIL:
+    case PATCH_PASSWORD: {
+      const { result } = action;
+      const prevPassword = { ...nextState.password };
+      if (result.password) {
+        nextState.password = Object.assign(prevPassword, {
+          saving: false,
+          saved: true,
+        });
+      } else if (result.error) {
+        const {
+          errorType,
+          errorMessageDa,
+          errorMessageEn,
+          lang,
+        } = result.error;
+        nextState.messages = [{
+          type: errorType,
+          message: lang === 'da' ? errorMessageDa : errorMessageEn,
+        }];
+        nextState.password = Object.assign(prevPassword, { saving: false });
+      }
+      return nextState;
+    }
+    case GET_TOKEN_STATUS: {
+      const { result } = action;
+      const prevPassword = { ...nextState.password };
+      nextState.password = Object.assign(prevPassword, {
+        validToken: result.token,
+      });
+
+      return nextState;
+    }
+    default: {
+      return null;
+    }
+  }
+};

package/src/components/password/AUPasswordRequirementsComponent.js

@@ -1,29 +1,29 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { passwordLabels } from '../../lib/i18n';
-
-const AUPasswordRequirementsComponents = ({ lang }) => (
-  <div className="row__item row__item--basis-25">
-    <div className="box box--constrain-width theme--background-secondary row__item-content">
-      <h2 className="text--default-size text--pull">{passwordLabels[lang].requirementsHeader}</h2>
-      <ul className="list--dense">
-        <li>{passwordLabels[lang].requirement1}</li>
-        <li>{passwordLabels[lang].requirement2}</li>
-        <li>{passwordLabels[lang].requirement3}</li>
-        <li>
-          {passwordLabels[lang].requirement4}
-          &nbsp;
-          <span className="u-avoid-wrap">
-            {'~!@#$%^&*_-+=`|(){}[]:;"\'<>,.?/'}
-          </span>
-        </li>
-      </ul>
-    </div>
-  </div>
-);
-
-AUPasswordRequirementsComponents.propTypes = {
-  lang: PropTypes.string.isRequired,
-};
-AUPasswordRequirementsComponents.displayName = 'AUPasswordRequirementsComponents';
-export default AUPasswordRequirementsComponents;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { passwordLabels } from '../../lib/i18n';
+
+const AUPasswordRequirementsComponents = ({ lang }) => (
+  <div className="row__item row__item--basis-25">
+    <div className="box box--constrain-width theme--background-secondary row__item-content">
+      <h2 className="text--default-size text--pull">{passwordLabels[lang].requirementsHeader}</h2>
+      <ul className="list--dense">
+        <li>{passwordLabels[lang].requirement1}</li>
+        <li>{passwordLabels[lang].requirement2}</li>
+        <li>{passwordLabels[lang].requirement3}</li>
+        <li>
+          {passwordLabels[lang].requirement4}
+          &nbsp;
+          <span className="u-avoid-wrap">
+            {'~!@#$%^&*_-+=`|(){}[]:;"\'<>,.?/'}
+          </span>
+        </li>
+      </ul>
+    </div>
+  </div>
+);
+
+AUPasswordRequirementsComponents.propTypes = {
+  lang: PropTypes.string.isRequired,
+};
+AUPasswordRequirementsComponents.displayName = 'AUPasswordRequirementsComponents';
+export default AUPasswordRequirementsComponents;

package/src/components/profile/AUProfileActions.js

@@ -1,128 +1,128 @@
-/* eslint-disable import/prefer-default-export */
-export const GET_BASIC_USER = 'GET_BASIC_USER';
-export const SAVING_USER = 'SAVING_USER';
-export const PATCH_NAME = 'PATCH_NAME';
-export const PATCH_MAIL = 'PATCH_MAIL';
-export const PATCH_MOBILE = 'PATCH_MOBILE';
-export const PATCH_LANGUAGE = 'PATCH_LANGUAGE';
-export const PATCH_NEXTOFKIN = 'PATCH_NEXTOFKIN';
-export const DISMISS_MESSAGES = 'DISMISS_MESSAGES';
-export const SET_SAVED = 'SET_SAVED';
-export const GET_WORKMAIL_DOMAIN = 'GET_WORKMAIL_DOMAIN';
-
-export const getActionCreators = () => {
-  const actionCreators = {
-    getBasicUser: (callback) => async (dispatch) => { // Tror simpelthen ikke det her er i brug...
-      callback((ok, status, json) => {
-        const result = {};
-        result[ok ? 'user' : 'error'] = json;
-        result.status = status;
-        dispatch({
-          type: GET_BASIC_USER,
-          result,
-        });
-      });
-    },
-    getWorkMailDomain: () => async (dispatch) => {
-      const url = '/v1/person/getworkmaildomain';
-      const response = await fetch(url);
-      const json = await response.json();
-      const result = {};
-      result[response.ok ? 'user' : 'error'] = response.ok ? {
-        workMailDomain: json
-      } : json;
-      result.status = response.status;
-      dispatch({
-        type: GET_WORKMAIL_DOMAIN,
-        result,
-      });
-    },
-    clear: () => (dispatch) => {
-      dispatch({
-        type: SET_SAVED,
-      });
-    },
-    dismissMessages: () => (dispatch) => {
-      dispatch({
-        type: DISMISS_MESSAGES,
-      });
-    },
-    patchName: (data, callback) => async (dispatch) => {
-      dispatch({
-        type: SAVING_USER,
-      });
-
-      callback(data, (ok, status, json) => {
-        const result = {};
-        result[ok ? 'user' : 'error'] = json;
-        result.status = status;
-        dispatch({
-          type: PATCH_NAME,
-          result,
-        });
-      });
-    },
-    patchMail: (data, callback) => async (dispatch) => {
-      dispatch({
-        type: SAVING_USER,
-      });
-
-      callback(data, (ok, status, json) => {
-        const result = {};
-        result[ok ? 'user' : 'error'] = json;
-        result.status = status;
-        dispatch({
-          type: PATCH_MAIL,
-          result,
-        });
-      });
-    },
-    patchMobile: (data, callback) => async (dispatch) => {
-      dispatch({
-        type: SAVING_USER,
-      });
-
-      callback(data, (ok, status, json) => {
-        const result = {};
-        result[ok ? 'user' : 'error'] = json;
-        result.status = status;
-        dispatch({
-          type: PATCH_MOBILE,
-          result,
-        });
-      });
-    },
-    patchLanguage: (data, callback) => async (dispatch) => {
-      dispatch({
-        type: SAVING_USER,
-      });
-
-      callback(data, (ok, status, json) => {
-        const result = {};
-        result[ok ? 'user' : 'error'] = json;
-        result.status = status;
-        dispatch({
-          type: PATCH_LANGUAGE,
-          result,
-        });
-      });
-    },
-    patchNextOfKin: (data, callback) => async (dispatch) => {
-      dispatch({
-        type: SAVING_USER,
-      });
-
-      callback(data, (ok, status, json) => {
-        const result = {};
-        result[ok ? 'user' : 'error'] = json;
-        result.status = status;
-        dispatch({
-          type: PATCH_NEXTOFKIN,
-          result,
-        });
-      });
-    },
-  };
-
-  return actionCreators;
-};
+/* eslint-disable import/prefer-default-export */
+export const GET_BASIC_USER = 'GET_BASIC_USER';
+export const SAVING_USER = 'SAVING_USER';
+export const PATCH_NAME = 'PATCH_NAME';
+export const PATCH_MAIL = 'PATCH_MAIL';
+export const PATCH_MOBILE = 'PATCH_MOBILE';
+export const PATCH_LANGUAGE = 'PATCH_LANGUAGE';
+export const PATCH_NEXTOFKIN = 'PATCH_NEXTOFKIN';
+export const DISMISS_MESSAGES = 'DISMISS_MESSAGES';
+export const SET_SAVED = 'SET_SAVED';
+export const GET_WORKMAIL_DOMAIN = 'GET_WORKMAIL_DOMAIN';
+
+export const getActionCreators = () => {
+  const actionCreators = {
+    getBasicUser: (callback) => async (dispatch) => { // Tror simpelthen ikke det her er i brug...
+      callback((ok, status, json) => {
+        const result = {};
+        result[ok ? 'user' : 'error'] = json;
+        result.status = status;
+        dispatch({
+          type: GET_BASIC_USER,
+          result,
+        });
+      });
+    },
+    getWorkMailDomain: () => async (dispatch) => {
+      const url = '/v1/person/getworkmaildomain';
+      const response = await fetch(url);
+      const json = await response.json();
+      const result = {};
+      result[response.ok ? 'user' : 'error'] = response.ok ? {
+        workMailDomain: json
+      } : json;
+      result.status = response.status;
+      dispatch({
+        type: GET_WORKMAIL_DOMAIN,
+        result,
+      });
+    },
+    clear: () => (dispatch) => {
+      dispatch({
+        type: SET_SAVED,
+      });
+    },
+    dismissMessages: () => (dispatch) => {
+      dispatch({
+        type: DISMISS_MESSAGES,
+      });
+    },
+    patchName: (data, callback) => async (dispatch) => {
+      dispatch({
+        type: SAVING_USER,
+      });
+
+      callback(data, (ok, status, json) => {
+        const result = {};
+        result[ok ? 'user' : 'error'] = json;
+        result.status = status;
+        dispatch({
+          type: PATCH_NAME,
+          result,
+        });
+      });
+    },
+    patchMail: (data, callback) => async (dispatch) => {
+      dispatch({
+        type: SAVING_USER,
+      });
+
+      callback(data, (ok, status, json) => {
+        const result = {};
+        result[ok ? 'user' : 'error'] = json;
+        result.status = status;
+        dispatch({
+          type: PATCH_MAIL,
+          result,
+        });
+      });
+    },
+    patchMobile: (data, callback) => async (dispatch) => {
+      dispatch({
+        type: SAVING_USER,
+      });
+
+      callback(data, (ok, status, json) => {
+        const result = {};
+        result[ok ? 'user' : 'error'] = json;
+        result.status = status;
+        dispatch({
+          type: PATCH_MOBILE,
+          result,
+        });
+      });
+    },
+    patchLanguage: (data, callback) => async (dispatch) => {
+      dispatch({
+        type: SAVING_USER,
+      });
+
+      callback(data, (ok, status, json) => {
+        const result = {};
+        result[ok ? 'user' : 'error'] = json;
+        result.status = status;
+        dispatch({
+          type: PATCH_LANGUAGE,
+          result,
+        });
+      });
+    },
+    patchNextOfKin: (data, callback) => async (dispatch) => {
+      dispatch({
+        type: SAVING_USER,
+      });
+
+      callback(data, (ok, status, json) => {
+        const result = {};
+        result[ok ? 'user' : 'error'] = json;
+        result.status = status;
+        dispatch({
+          type: PATCH_NEXTOFKIN,
+          result,
+        });
+      });
+    },
+  };
+
+  return actionCreators;
+};

package/src/components/profile/AUProfileAvatar2016Component.js

@@ -1,99 +1,99 @@
-/* eslint-env browser */
-import React from 'react';
-import PropTypes from 'prop-types';
-import AUProfileWidgetComponent from './AUProfileWidgetComponent';
-import AUUserContextComponent from '../context/AUUserContextComponent';
-
-const AUProfileAvatar2016Component = ({
-  lang,
-  user,
-  settings,
-  toggled,
-  onToggle,
-  onLoad,
-  profileLabels,
-  logoutUri,
-}) => {
-  const {
-    chosenFirstNames,
-    chosenLastName,
-    auId,
-    studentNumber,
-  } = user;
-
-  const content = (
-    <div className={`sub-nav${toggled ? ' sub-nav--toggled' : ''}`}>
-      <button
-        id="profile-menu-toggle"
-        type="button"
-        aria-label={toggled ? `${profileLabels[lang].profileFor} ${chosenFirstNames} ${chosenLastName}` : profileLabels[lang].myProfile}
-        aria-expanded={toggled}
-        onClick={() => {
-          onToggle();
-        }}
-      >
-        {chosenFirstNames || profileLabels[lang].myProfile}
-      </button>
-      {
-        toggled && (
-          <AUProfileWidgetComponent
-            lang={lang}
-            name={`${chosenFirstNames} ${chosenLastName}`}
-            auid={auId}
-            studentNumber={studentNumber}
-            settings={settings}
-            profileLabels={profileLabels}
-            logoutUri={logoutUri}
-          />
-        )
-      }
-    </div>
-  );
-
-  if (auId === 0) {
-    return null;
-  }
-
-  return (
-    <AUUserContextComponent
-      auid={auId}
-      loggedIn
-      contextKey="staff-user"
-      handleContext={(userContext) => {
-        onLoad(userContext);
-      }}
-      handleError={(status, json) => {
-        console.log(status, json);
-      }}
-      spinner={false}
-      emptyComponent={content}
-      clearCache={false}
-    >
-      {content}
-    </AUUserContextComponent>
-  );
-};
-
-AUProfileAvatar2016Component.propTypes = {
-  lang: PropTypes.string.isRequired,
-  user: PropTypes.shape({
-    chosenFirstNames: PropTypes.string.isRequired,
-    chosenLastName: PropTypes.string.isRequired,
-    preferredLanguage: PropTypes.string.isRequired,
-    auId: PropTypes.number.isRequired,
-    studentNumber: PropTypes.string.isRequired,
-  }).isRequired,
-  auAuth: PropTypes.shape({}).isRequired,
-  settings: PropTypes.arrayOf(PropTypes.shape({
-    url: PropTypes.string.isRequired,
-    text: PropTypes.string.isRequired,
-  })).isRequired,
-  toggled: PropTypes.bool.isRequired,
-  onToggle: PropTypes.func.isRequired,
-  onLoad: PropTypes.func.isRequired,
-  profileLabels: PropTypes.shape({}).isRequired,
-  logoutUri: PropTypes.string.isRequired,
-};
-
-AUProfileAvatar2016Component.displayName = 'AUProfileAvatar2016Component';
-export default AUProfileAvatar2016Component;
+/* eslint-env browser */
+import React from 'react';
+import PropTypes from 'prop-types';
+import AUProfileWidgetComponent from './AUProfileWidgetComponent';
+import AUUserContextComponent from '../context/AUUserContextComponent';
+
+const AUProfileAvatar2016Component = ({
+  lang,
+  user,
+  settings,
+  toggled,
+  onToggle,
+  onLoad,
+  profileLabels,
+  logoutUri,
+}) => {
+  const {
+    chosenFirstNames,
+    chosenLastName,
+    auId,
+    studentNumber,
+  } = user;
+
+  const content = (
+    <div className={`sub-nav${toggled ? ' sub-nav--toggled' : ''}`}>
+      <button
+        id="profile-menu-toggle"
+        type="button"
+        aria-label={toggled ? `${profileLabels[lang].profileFor} ${chosenFirstNames} ${chosenLastName}` : profileLabels[lang].myProfile}
+        aria-expanded={toggled}
+        onClick={() => {
+          onToggle();
+        }}
+      >
+        {chosenFirstNames || profileLabels[lang].myProfile}
+      </button>
+      {
+        toggled && (
+          <AUProfileWidgetComponent
+            lang={lang}
+            name={`${chosenFirstNames} ${chosenLastName}`}
+            auid={auId}
+            studentNumber={studentNumber}
+            settings={settings}
+            profileLabels={profileLabels}
+            logoutUri={logoutUri}
+          />
+        )
+      }
+    </div>
+  );
+
+  if (auId === 0) {
+    return null;
+  }
+
+  return (
+    <AUUserContextComponent
+      auid={auId}
+      loggedIn
+      contextKey="staff-user"
+      handleContext={(userContext) => {
+        onLoad(userContext);
+      }}
+      handleError={(status, json) => {
+        console.log(status, json);
+      }}
+      spinner={false}
+      emptyComponent={content}
+      clearCache={false}
+    >
+      {content}
+    </AUUserContextComponent>
+  );
+};
+
+AUProfileAvatar2016Component.propTypes = {
+  lang: PropTypes.string.isRequired,
+  user: PropTypes.shape({
+    chosenFirstNames: PropTypes.string.isRequired,
+    chosenLastName: PropTypes.string.isRequired,
+    preferredLanguage: PropTypes.string.isRequired,
+    auId: PropTypes.number.isRequired,
+    studentNumber: PropTypes.string.isRequired,
+  }).isRequired,
+  auAuth: PropTypes.shape({}).isRequired,
+  settings: PropTypes.arrayOf(PropTypes.shape({
+    url: PropTypes.string.isRequired,
+    text: PropTypes.string.isRequired,
+  })).isRequired,
+  toggled: PropTypes.bool.isRequired,
+  onToggle: PropTypes.func.isRequired,
+  onLoad: PropTypes.func.isRequired,
+  profileLabels: PropTypes.shape({}).isRequired,
+  logoutUri: PropTypes.string.isRequired,
+};
+
+AUProfileAvatar2016Component.displayName = 'AUProfileAvatar2016Component';
+export default AUProfileAvatar2016Component;