@aarhus-university/au-lib-react-components 9.11.1 → 9.11.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "sideEffects": false,
   "name": "@aarhus-university/au-lib-react-components",
-  "version": "9.11.1",
+  "version": "9.11.5",
   "description": "Library for shared React components for various applications on au.dk",
   "main": "build/cjs/index.js",
   "scripts": {

package/src/components/delphinus/AUModalComponent.js

@@ -44,6 +44,7 @@ const AUModalComponent = (props) => {
                 type="button"
                 className="modal-view__close button button--icon button--icon--hide-label"
                 data-icon=""
+                data-gtm="au-btn-modal-close"
                 onClick={() => {
                   if (typeof onClose === 'function') {
                     onClose();

package/src/components/delphinus/AUTabbedContentComponent.js

@@ -103,7 +103,7 @@ const AUTabbedContentComponent = ({
   }
 
   // eslint-disable-next-line jsx-a11y/control-has-associated-label
-  const renderTabs = tabs.map((tab) => <a key={tab.href} href={tab.href} className="nav__item" dangerouslySetInnerHTML={{ __html: tab.text }} />);
+  const renderTabs = tabs.map((tab) => <a key={tab.href} href={tab.href} className="nav__item" data-gtm={tab.dataGtm} dangerouslySetInnerHTML={{ __html: tab.text }} />);
 
   return (
     <div ref={tabsElement} className={classNames}>

package/src/components/profile/AUProfileMailComponent.js

@@ -75,6 +75,11 @@ const AUProfileMailComponent = ({
     rule: (fieldValue) => fieldValue.trim().match(emailRegex),
   }];
 
+  const validationRulesPrivateMail = [{
+    message: profileLabels[lang].validMail,
+    rule: (fieldValue) => fieldValue.trim().match(emailRegex) && !fieldValue.trim().endsWith(workMailPostfix),
+  }];
+
   const validateWorkMail = (value, alert = true) => {
     const [valid, messages] = validateForm(lang, value, validationRules);
     setWorkMail(value);
@@ -90,7 +95,7 @@ const AUProfileMailComponent = ({
   };
 
   const validatePrivateMail = (value, alert = true) => {
-    const [valid, messages] = validateForm(lang, value, validationRules);
+    const [valid, messages] = validateForm(lang, value, validationRulesPrivateMail);
     setPrivateMail(value);
     setPrivateMailValidationMessages(alert ? messages : []);
     setIsPrivateMailValid(valid);

package/src/components/profile/AUProfileWidgetV3Component.js

@@ -17,16 +17,18 @@ const AUProfileWidgetComponent = React.memo(({
   const renderSettings = settings.map((s) => {
     const btnRef = useRef();
     if (s.type === 'anchor') {
-      return <a key={s.url} className="sub-nav__item" href={s.url}>{s.text}</a>;
+      return <a key={s.url} className="sub-nav__item" href={s.url} data-gtm={s.dataGtm}>{s.text}</a>;
     }
     return (
       <button
         key={s.text}
         ref={btnRef}
         type="button"
+        disabled={s.disabled}
         className={`sub-nav__item ${s.classNames}`}
         onClick={() => s.onClick(btnRef.current)}
         data-icon={s.icon}
+        data-gtm={s.dataGtm}
       >
         {s.text}
       </button>
@@ -49,6 +51,7 @@ const AUProfileWidgetComponent = React.memo(({
           className="copy-to-clipboard"
           title={profileLabels[lang].copyAuid}
           aria-label={`${profileLabels[lang].auId}: AU${auid}`}
+          data-gtm="au-btn-header-copy-auid"
         >
           {`${profileLabels[lang].auId}: `}
           <span className="copy-to-clipboard__this">{`AU${auid}`}</span>
@@ -73,7 +76,7 @@ const AUProfileWidgetComponent = React.memo(({
       {
         changeLanguageUrl && (
           <>
-            <a className="sub-nav__item sub-nav__item--icon" href={changeLanguageUrl} data-icon="">{profileLabels[lang].changeLanguage}</a>
+            <a className="sub-nav__item sub-nav__item--icon" href={changeLanguageUrl} data-icon="" data-gtm="au-btn-header-profile-changelanguage">{profileLabels[lang].changeLanguage}</a>
             <hr />
           </>
         )
@@ -81,6 +84,7 @@ const AUProfileWidgetComponent = React.memo(({
       <a
         className="sub-nav__item sub-nav__item--icon"
         data-icon=""
+        data-gtm="au-a-header-signout"
         href={logoutUri}
       >
         {profileLabels[lang].logout}