fix(web): prevent day agenda replacement form (#1831)

Author: Uarmagan

packages/web/src/views/Day/components/Calendar/DayCalendarGrid.test.tsx

@@ -82,6 +82,15 @@ mock.module("@web/common/calendar-grid/hooks/useCalendarGridLayout", () => ({
   },
 }));
 
+const floatingUi =
+  require("@floating-ui/react") as typeof import("@floating-ui/react");
+const useDismissMock = mock(floatingUi.useDismiss);
+
+mock.module("@floating-ui/react", () => ({
+  ...floatingUi,
+  useDismiss: useDismissMock,
+}));
+
 mock.module("@web/components/FloatingEventForm/FloatingEventForm", () => ({
   FloatingEventForm: () => null,
 }));
@@ -130,6 +139,7 @@ const setDraftEvent = (event: Schema_Event) => {
 
 beforeEach(() => {
   store = createStoreWithEvents([]);
+  useDismissMock.mockClear();
 });
 
 afterEach(() => {
@@ -356,6 +366,18 @@ describe("DayCalendarGrid", () => {
     expect(getDraft()).toBeNull();
   });
 
+  it("dismisses the floating form after empty agenda mouse handlers run", () => {
+    renderDayCalendarGrid();
+
+    expect(useDismissMock).toHaveBeenCalledWith(
+      expect.anything(),
+      expect.objectContaining({
+        enabled: true,
+        outsidePressEvent: "click",
+      }),
+    );
+  });
+
   it("dismisses an open draft when clicking empty Day all-day calendar space", () => {
     const existingDraft = createTimedEvent({
       _id: "open-all-day-draft",

packages/web/src/views/Day/components/Calendar/DayCalendarGrid.tsx

@@ -57,6 +57,10 @@ import {
 import { useDayTimedDraftCreation } from "./useDayTimedDraftCreation";
 
 const isDayInteractionMotionActive = () => false;
+const DAY_EVENT_FORM_DISMISS_OPTIONS = {
+  enabled: true,
+  outsidePressEvent: "click",
+} as const;
 
 export function DayCalendarGrid() {
   const dispatch = useAppDispatch();
@@ -90,7 +94,7 @@ export function DayCalendarGrid() {
       dispatch(draftSlice.actions.discard(undefined));
     }
   });
-  const dismiss = useDismiss(floating.context, { enabled: true });
+  const dismiss = useDismiss(floating.context, DAY_EVENT_FORM_DISMISS_OPTIONS);
   const interactions = useInteractions([dismiss]);
 
   const getDayInteractionLayoutSources = useCallback(