fix calendar doubleclick event + added singleClick event

Author: raheeliftikhar5

client/packages/lowcoder-comps/src/comps/calendarComp/calendarComp.tsx

@@ -268,6 +268,7 @@ let CalendarBasicComp = (function () {
     const ref = createRef<HTMLDivElement>();
     const editEvent = useRef<EventInput>();
     const initData = useRef<boolean>(false);
+    const clickTimeout = useRef<NodeJS.Timeout | null>(null);
     const [form] = Form.useForm(); 
     const [left, setLeft] = useState<number | undefined>(undefined);
     const [licensed, setLicensed] = useState<boolean>(props.licenseKey !== "");
@@ -370,6 +371,15 @@ let CalendarBasicComp = (function () {
         initData.current = true;
       }
     }, [JSON.stringify(initialEvents), comp?.children?.comp?.children?.initialData]);
+
+    // Cleanup timeout on unmount
+    useEffect(() => {
+      return () => {
+        if (clickTimeout.current) {
+          clearTimeout(clickTimeout.current);
+        }
+      };
+    }, []);
 
     const resources = useMemo(() => props.resources.value, [props.resources.value]);
 
@@ -850,22 +860,30 @@ let CalendarBasicComp = (function () {
       handleEventDataChange,
     ]); 
 
+    const handleSingleClick = useCallback(() => {
+      // Prevent double click from triggering the event
+      // Use a timeout to debounce rapid clicks
+      if (clickTimeout.current) {
+        clearTimeout(clickTimeout.current);
+        clickTimeout.current = null;
+        return; // This was a double click, don't trigger
+      }
+      
+      clickTimeout.current = setTimeout(() => {
+        props.onEvent('click');
+        clickTimeout.current = null;
+      }, 150); // Small delay to catch double clicks
+    }, [props.onEvent]);
+
     const handleDbClick = useCallback(() => {
-      const event = props.updatedEventsData.find(
-        (item: EventType) => item.id === editEvent.current?.id
-      ) as EventType;
       if (!props.editable || !editEvent.current) {
         return;
       }
-      if (event) {
-        showModal(event, true);
+      if (onEventVal && onEventVal.some((e: any) => e.name === 'doubleClick')) {
+        // Check if 'doubleClick' is included in the array
+        props.onEvent('doubleClick');
       } else {
-        if (onEventVal && onEventVal.some((e: any) => e.name === 'doubleClick')) {
-          // Check if 'doubleClick' is included in the array
-          props.onEvent('doubleClick');
-        } else {
-          showModal(editEvent.current as EventType, false);
-        }
+        showModal(editEvent.current as EventType, false);
       }
     }, [
       editEvent,
@@ -974,6 +992,9 @@ let CalendarBasicComp = (function () {
             allDaySlot={props.showAllDay}
             eventContent={renderEventContent}
             select={(info) => handleCreate(info)}
+            dateClick={() => {
+              handleSingleClick();
+            }}
             eventClick={(info) => {
               const event = events.find(
                 (item: EventInput) => item.id === info.event.id
@@ -982,6 +1003,7 @@ let CalendarBasicComp = (function () {
               setTimeout(() => {
                 editEvent.current = undefined;
               }, 500);
+              handleSingleClick();
             }}
             moreLinkClick={(info) => {
               let left = 0;

client/packages/lowcoder/src/comps/controls/eventHandlerControl.tsx

@@ -737,6 +737,7 @@ export const DragEventHandlerControl = eventHandlerControl([
 
 export const CalendarEventHandlerControl = eventHandlerControl([
   changeEvent,
+  clickEvent,
   doubleClickEvent,
 ] as const);