[terra-application-links] add onTabClick optional property to terra-application-links interface

packages/terra-application-links/CHANGELOG.md

@@ -2,6 +2,9 @@
 
 ## Unreleased
 
+* Changed
+  * `onTabClick` property added to ApplicationLinks interface.
+
 ## 6.79.0 - (March 25, 2024)
 
 * Changed

packages/terra-application-links/src/ApplicationLinks.js

@@ -27,6 +27,10 @@ const ApplicationLinksPropType = PropTypes.shape({
      */
     icon: PropTypes.node,
   })),
+  /**
+   * The click callback of the tab.
+   */
+  onTabClick: PropTypes.func,
 });
 
 const ApplicationLinks = {

packages/terra-application-links/src/tabs/ApplicationTabs.jsx

@@ -35,6 +35,10 @@ const propTypes = {
 
     icon: PropTypes.icon,
   })),
+  /**
+   * The click callback of the tab.
+   */
+  onTabClick: PropTypes.func,
   /**
    * The location as provided by the `withRouter()` HOC.
    */
@@ -150,6 +154,7 @@ class ApplicationTabs extends React.Component {
       history,
       staticContext,
       hasIcons,
+      onTabClick,
       ...customProps
     } = this.props;
 
@@ -165,6 +170,7 @@ class ApplicationTabs extends React.Component {
         externalLink: link.externalLink,
         icon: link.icon,
         location,
+        onTabClick,
         history,
       };
 

packages/terra-application-links/src/tabs/_Tab.jsx

@@ -98,7 +98,9 @@ class ApplicationTab extends Component {
 
     if (!this.isCurrentPath()) {
       this.props.history.push(this.props.path);
-    } else if (this.props.onTabClick) {
+    }
+
+    if (this.props.onTabClick) {
       this.props.onTabClick(event);
     }
   }

packages/terra-application-links/tests/jest/ApplicationTabs.test.jsx

@@ -11,6 +11,11 @@ it('should render ApplicationTabs with links and alignment', () => {
   expect(wrapper).toMatchSnapshot();
 });
 
+it('should render ApplicationTabs with links and alignment and onTabClick handler', () => {
+  const wrapper = enzyme.shallow(<div><ApplicationTabs links={testLinkConfig} alignment="start" onTabClick={() => {}} /></div>);
+  expect(wrapper).toMatchSnapshot();
+});
+
 it('should render ApplicationTabs with icons', () => {
   const subject = (
     <div>

packages/terra-application-links/tests/jest/__snapshots__/ApplicationTabs.test.jsx.snap

@@ -175,3 +175,40 @@ exports[`should render ApplicationTabs with links and alignment 1`] = `
   />
 </div>
 `;
+
+exports[`should render ApplicationTabs with links and alignment and onTabClick handler 1`] = `
+<div>
+  <withRouter(ApplicationTabs)
+    alignment="start"
+    links={
+      Array [
+        Object {
+          "path": "/test1",
+          "text": "test 1",
+        },
+        Object {
+          "path": "/test2",
+          "text": "test 2",
+        },
+        Object {
+          "path": "/test3",
+          "text": "test 3",
+        },
+        Object {
+          "path": "/test4",
+          "text": "test 4",
+        },
+        Object {
+          "path": "/test5",
+          "text": "test 5",
+        },
+        Object {
+          "path": "/test6",
+          "text": "test 6",
+        },
+      ]
+    }
+    onTabClick={[Function]}
+  />
+</div>
+`;