chore: update and cleanup

Author: gjulivan

packages/pluggableWidgets/calendar-web/package.json

@@ -20,8 +20,8 @@
     },
     "packagePath": "com.mendix.widget.web",
     "marketplace": {
-        "minimumMXVersion": "9.24.0",
-        "appNumber": 224259,
+        "minimumMXVersion": "10.22.0",
+        "appNumber": 107954,
         "appName": "Calendar",
         "reactReady": true
     },
@@ -30,25 +30,25 @@
         "branchName": "calendar-web"
     },
     "scripts": {
-        "build": "pluggable-widgets-tools build:web",
+        "build": "cross-env MPKOUTPUT=Calendar.mpk pluggable-widgets-tools build:web",
         "create-gh-release": "rui-create-gh-release",
         "create-translation": "rui-create-translation",
-        "dev": "pluggable-widgets-tools start:web",
+        "dev": "cross-env MPKOUTPUT=Calendar.mpk pluggable-widgets-tools start:web",
         "e2e": "echo \"Skipping this e2e test\"",
         "e2edev": "run-e2e dev --with-preps",
         "format": "pluggable-widgets-tools format",
         "lint": "eslint --ext .jsx,.js,.ts,.tsx src/",
         "publish-marketplace": "rui-publish-marketplace",
-        "release": "pluggable-widgets-tools release:web",
-        "start": "pluggable-widgets-tools start:server",
+        "release": "cross-env MPKOUTPUT=Calendar.mpk pluggable-widgets-tools release:web",
+        "start": "cross-env MPKOUTPUT=Calendar.mpk pluggable-widgets-tools start:server",
         "test": "cross-env TZ=UTC jest --projects jest.config.js",
         "update-changelog": "rui-update-changelog-widget",
         "verify": "rui-verify-package-format"
     },
     "dependencies": {
         "classnames": "^2.5.1",
         "date-fns": "^4.1.0",
-        "react-big-calendar": "^1.17.1"
+        "react-big-calendar": "^1.19.4"
     },
     "devDependencies": {
         "@mendix/automation-utils": "workspace:*",
@@ -60,7 +60,7 @@
         "@mendix/widget-plugin-hooks": "workspace:*",
         "@mendix/widget-plugin-platform": "workspace:*",
         "@mendix/widget-plugin-test-utils": "workspace:*",
-        "@types/react-big-calendar": "^1.16.1",
+        "@types/react-big-calendar": "^1.16.2",
         "cross-env": "^7.0.3"
     }
 }

packages/pluggableWidgets/calendar-web/src/Calendar.xml

@@ -62,6 +62,8 @@
                     </attributeTypes>
                 </property>
             </propertyGroup>
+        </propertyGroup>
+        <propertyGroup caption="Customization">
             <propertyGroup caption="Options">
                 <property key="view" type="enumeration" defaultValue="standard">
                     <caption>View</caption>

packages/pluggableWidgets/calendar-web/src/helpers/CalendarPropsBuilder.ts

@@ -152,30 +152,4 @@ export class CalendarPropsBuilder {
 
         return new Set(visibleDays);
     }
-
-    // private handleEventDropOrResize = ({ event, start, end }: EventDropOrResize): void => {
-    //     const action = this.props.onDragDropResize?.get(event.item);
-
-    //     if (action?.canExecute) {
-    //         action.execute({
-    //             oldStart: event.start,
-    //             oldEnd: event.end,
-    //             newStart: start,
-    //             newEnd: end
-    //         });
-    //     }
-    // };
-
-    // private handleRangeChange = (date: Date, view: string, _action: NavigateAction): void => {
-    //     const action = this.props.onViewRangeChange;
-
-    //     if (action?.canExecute) {
-    //         const { start, end } = getViewRange(view, date);
-    //         action.execute({
-    //             rangeStart: start,
-    //             rangeEnd: end,
-    //             currentView: view
-    //         });
-    //     }
-    // };
 }

packages/pluggableWidgets/calendar-web/src/helpers/useCalendarEvents.ts

@@ -36,7 +36,6 @@ export function useCalendarEvents(props: CalendarContainerProps): CalendarEventH
             }
 
             clickRef.current = setTimeout(() => {
-                console.log("handleSelectEvent", event);
                 if (event.item.id === selected?.item.id) {
                     invokeEdit(event);
                 } else {
@@ -55,7 +54,6 @@ export function useCalendarEvents(props: CalendarContainerProps): CalendarEventH
             }
 
             clickRef.current = setTimeout(() => {
-                console.log("handleDoubleClickEvent", event);
                 invokeEdit(event);
             }, 250);
         },
@@ -64,7 +62,6 @@ export function useCalendarEvents(props: CalendarContainerProps): CalendarEventH
 
     const handleKeyPressEvent = useCallback(
         (event: CalendarEvent, e: any) => {
-            console.log("handleKeyPressEvent", event, e);
             if (e.key === "Enter" && selected?.item.id === event.item.id) {
                 invokeEdit(event);
             }
@@ -74,14 +71,16 @@ export function useCalendarEvents(props: CalendarContainerProps): CalendarEventH
 
     const handleCreateEvent = useCallback(
         (slotInfo: { start: Date; end: Date; action: string }) => {
-            console.log("handleCreateEvent", slotInfo);
             const action = onCreateEvent;
 
             if (action?.canExecute && enableCreate) {
+                // is all day : if the difference between start and end is a multiple of 24 hours
+                const isAllday =
+                    ((slotInfo.end.getTime() - slotInfo.start.getTime()) / (24 * 60 * 60 * 1000)) % 1 === 0;
                 action?.execute({
                     startDate: slotInfo.start,
                     endDate: slotInfo.end,
-                    allDay: slotInfo.action === "select"
+                    allDay: isAllday
                 });
             }
         },
@@ -131,9 +130,6 @@ export function useCalendarEvents(props: CalendarContainerProps): CalendarEventH
             }
         };
     }, []);
-    // private invokeEdit(event: CalendarEvent): void {
-
-    // }
 
     return {
         onSelectEvent: handleSelectEvent,