feat: Enable custom on click handler passed via accordion item (#2998)

src/components/Accordion/Accordion.test.tsx

@@ -377,4 +377,26 @@ describe('Accordion component', () => {
       }
     )
   })
+
+  describe('with a custom click handler', () => {
+    const customToggleFunction = vi.fn()
+
+    const customTestItems: AccordionItemProps[] = [
+      {
+        title: 'First Amendment',
+        content: firstAmendment,
+        expanded: false,
+        id: '123',
+        headingLevel: 'h4',
+        handleToggle: () => {
+          customToggleFunction()
+        },
+      },
+    ]
+    it('fires the handler successfully', () => {
+      const { getByText } = render(<Accordion items={customTestItems} />)
+      fireEvent.click(getByText(testItems[0].title as string))
+      expect(customToggleFunction).toHaveBeenCalledOnce()
+    })
+  })
 })

src/components/Accordion/Accordion.tsx

@@ -108,7 +108,8 @@ export const Accordion = ({
           key={`accordionItem_${i}`}
           {...item}
           expanded={openItems.indexOf(item.id) > -1}
-          handleToggle={(): void => {
+          handleToggle={(e): void => {
+            if (item.handleToggle) item.handleToggle(e)
             toggleItem(item.id)
           }}
         />