[agenda] dispatch eventClicked when event is clicked

[krisgardiner]

Code changes

Context

While waiting for a PR that allows cancelable custom events to get merged, we need to dispatching an eventClicked event on top of click_action since some users may want the event fired without overriding our set behaviour.

• dispatch custom eventClicked event when event is clicked
• adds custom cypress command addListener to add event listeners from chaining a getter.

Before:

cy.get("@agenda").then((element) => {
      const agenda = element[0];
      agenda.addEventListener('event', () => {
        // logic goes here
      });
    });

After:

cy.get("@agenda").addListener("dateChange", () => {
   // logic goes here
});

• adds test for dateChange dispatch events

Readiness checklist

• Added changes to component CHANGELOG.md

License

I confirm that this contribution is made under the terms of the MIT license and that I have the authority necessary to make this contribution on behalf of its copyright owner.

[shortcut-integration]

This pull request has been linked to Shortcut Story #79813: [Agenda] custom event for when a specific event is clicked.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/nylas/components/FTz89qp8MNvChKK7LMW118JSEBwY
✅ Preview: https://components-git-kg-sc-79813agenda-custom-event-when-34e521-nylas.vercel.app