[Bug]:

[airowe]

What happened?

Attempting to implement atcb_action on custom button component results in triggerElement being undefined.

How to reproduce?

export const AddToCalendar: React.VFC<Props> = ({ appointment }) => {
  const saveToCalendar = useCallback(
    (e) => {
      e.preventDefault();
      atcb_action({
        trigger: 'click',
        name: `${appointment?.visit_reason}`,
        startDate: `${formatApptDate(appointment?.start_time)}`,
        endDate: `${formatApptDate(appointment?.end_time)}`,
        startTime: `${formatApptTime(appointment?.start_time)}`,
        endTime: `${formatApptTime(appointment?.end_time)}`,
        location: `${addressToString(appointment?.clinic.address)}`,
        options: ['Apple', 'Google', 'iCal', 'Microsoft365', 'Outlook.com', 'Yahoo'],
        timeZone: 'America/Los_Angeles',
        iCalFileName: 'Reminder-Event',
      });
    },
    [appointment?.clinic.address, appointment?.end_time, appointment?.start_time, appointment?.visit_reason]
  );

  return (
    <IconButton
      onClick={saveToCalendar}
      icon={<CalendarIcon />}
    />
  );
};

Screenshots & more

System & Environment

Chrome on MacBook

1.11.2

[jekuer]

Thanks, @airowe .
Fixed with latest version.

Despite that, I would recommend to also provide the tiggerElement (compary to the final examples at the demo page or Readme). This makes sure that closing the modal will re-focus the triggering element (important for keyboard navigation).
But it is optional now (again).

[airowe]

Thanks for being so responsive! I couldn't get the triggerElement to be passed in successfully to atcb_action but would love to know how to do that in the future.

Your fix works great.