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

package/package.json

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

package/src/components/profile/AUProfileAvatarV3Component.tsx

@@ -31,7 +31,7 @@ const AUProfileAvatarComponent: FC<AUProfileAvatarComponentProps> = memo(({
         auId={auId}
         settings={settings}
         profileLabels={profileLabels}
-        changeLanguageUri={changeLanguageUri}
+        changeLanguageUri={changeLanguageUri || ''}
         logoutUri={logoutUri}
       />
     </AUSubNavComponent>

package/src/components/profile/{AUProfileLoginComponent.js → AUProfileLoginComponent.tsx}

@@ -1,13 +1,12 @@
 /* eslint-env browser */
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { FC } from 'react';
 
-const AUProfileLoginComponent = ({
+const AUProfileLoginComponent: FC<AUProfileLoginComponentProps> = ({
   loggedIn,
   loginUri,
   children,
   text,
-}) => {
+}: AUProfileLoginComponentProps) => {
   if (!loggedIn) {
     return (
       <a
@@ -23,17 +22,5 @@ const AUProfileLoginComponent = ({
   return children;
 };
 
-AUProfileLoginComponent.defaultProps = {
-  loggedIn: false,
-  loginUri: '',
-};
-
-AUProfileLoginComponent.propTypes = {
-  loggedIn: PropTypes.bool,
-  loginUri: PropTypes.string,
-  children: PropTypes.element.isRequired,
-  text: PropTypes.string.isRequired,
-};
-
 AUProfileLoginComponent.displayName = 'AUProfileLoginComponent';
 export default AUProfileLoginComponent;

package/src/components/profile/AUProfileWidgetV3Component.tsx

@@ -43,7 +43,11 @@ const AUProfileWidgetComponent: FC<AUProfileWidgetComponentProps> = memo(({
         type="button"
         disabled={s.disabled}
         className={`sub-nav__item ${s.classNames}`}
-        onClick={() => s.onClick(btnRefs.current[i])}
+        onClick={() => {
+          if (typeof s.onClick === 'function') {
+            s.onClick(btnRefs.current[i]);
+          }
+        }}
         data-icon={s.icon}
         data-gtm={s.dataGtm}
       >

package/types/common/interfaces.d.ts

@@ -66,18 +66,26 @@ interface ITrackers {
 interface IProfileSettings {
   type: string,
   url: string,
-  classNames: string,
-  icon: string,
+  classNames?: string,
+  icon?: string,
   dataGtm: string,
   text: string,
-  disabled: boolean,
-  onClick: (el: Element) => void,
+  disabled?: boolean,
+  onClick?: (el: Element) => void,
 }
 
-interface IProfileUser {
+interface IUserContext {
   auId: number,
   firstNames: string,
   lastName: string,
+  name: string,
   preferredLanguage: string,
-  studentNumber: string,
+  userName: string,
+  memberOfGroups: IAdGroup[],
+  impersonatingUser: IUserContext | null,
+}
+
+interface IAdGroup {
+  id: string,
+  name: string,
 }

package/types/common/props.d.ts

@@ -149,10 +149,17 @@ interface AUProfileWidgetComponentProps {
 }
 
 interface AUProfileAvatarComponentProps {
-  user: IProfileUser,
+  user: IUserContext,
   settings: IProfileSettings[],
   profileLabels: any, // Noget med labels her?
   logoutUri: string,
-  changeLanguageUri: string,
+  changeLanguageUri?: string,
   lang: string,
 }
+
+interface AUProfileLoginComponentProps {
+  loggedIn: boolean,
+  loginUri: string,
+  children: JSX.Element,
+  text: string,
+}