Extending Event Handler Controllers 2 and increase SDK version

Author: FalkWolsky

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

@@ -31,7 +31,7 @@ import {
   StringControl,
   hiddenPropertyView,
   ChangeEventHandlerControl,
-  // DragEventHandlerControl,
+  DragEventHandlerControl,
   Section,
   sectionNames,
   dropdownControl,
@@ -75,7 +75,7 @@ const childrenMap = {
   resources: jsonValueExposingStateControl("resources", resourcesDefaultData),
   resourceName: withDefault(StringControl, trans("calendar.resourcesDefault")),
   onEvent: ChangeEventHandlerControl,
-  // onDropEvent: DragEventHandlerControl,
+  onDropEvent: DragEventHandlerControl,
   editable: withDefault(BoolControl, true),
   showEventTime: withDefault(BoolControl, true),
   showWeekends: withDefault(BoolControl, true),
@@ -524,11 +524,11 @@ let CalendarBasicComp = (function () {
                 props.onEvent("change");
               }
             }}
-            /* eventDragStop={(info) => {
+            eventDragStop={(info) => {
               if (info.view) {
                 props.onEventDrop("dropEvent");
               }
-            }} */
+            }}
           />
         </ErrorBoundary>
       </Wrapper>
@@ -541,7 +541,7 @@ let CalendarBasicComp = (function () {
       resources: { propertyView: (arg0: {}) => any; };
       resourceName: { propertyView: (arg0: {}) => any; };
       onEvent: { getPropertyView: () => any; }; 
-      // onDropEvent: { getPropertyView: () => any; };
+      onDropEvent: { getPropertyView: () => any; };
       editable: { propertyView: (arg0: { label: string; }) => any; };
       showEventTime: { propertyView: (arg0: { label: string; tooltip: string; }) => any; }; 
       showWeekends: { propertyView: (arg0: { label: string; }) => any; }; 
@@ -574,6 +574,7 @@ let CalendarBasicComp = (function () {
           <Section name={sectionNames.interaction}>
             {hiddenPropertyView(children)}
             {children.onEvent.getPropertyView()}
+            {children.onDropEvent.getPropertyView()}
             {children.editable.propertyView({ label: trans("calendar.editable"), })}
           </Section>
           <Section name={sectionNames.advanced}>

client/packages/lowcoder-sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lowcoder-sdk",
-  "version": "2.4.0-beta-3",
+  "version": "2.4.0-beta-4",
   "type": "module",
   "files": [
     "src",

client/packages/lowcoder/src/comps/comps/meetingComp/videoMeetingControllerComp.tsx

@@ -17,6 +17,7 @@ import { PositionControl } from "comps/controls/dropdownControl";
 import {
   closeEvent,
   eventHandlerControl,
+  MeetingEventHandlerControl,
 } from "comps/controls/eventHandlerControl";
 import { styleControl } from "comps/controls/styleControl";
 import { DrawerStyle } from "comps/controls/styleControlConstants";
@@ -226,6 +227,7 @@ const rtmInit = async (appId: any, uid: any, token: any, channel: any) => {
 const meetingControllerChildren = {
   visible: withDefault(BooleanStateControl, "false"),
   onEvent: eventHandlerControl(EventOptions),
+  onMeetingEvent: MeetingEventHandlerControl,
   width: StringControl,
   height: StringControl,
   autoHeight: AutoHeightControl,
@@ -589,6 +591,7 @@ let MTComp = (function () {
             </Section>
             <Section name={sectionNames.interaction}>
               {children.onEvent.getPropertyView()}
+              {children.onMeetingEvent.getPropertyView()}
             </Section>
           </>
         )}

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

@@ -619,7 +619,7 @@ export const InputEventHandlerControl = eventHandlerControl([
   focusEvent,
   blurEvent,
   submitEvent,
-] as const);
+] as const); // , { title: trans("eventHandler.inputEventHandlers"), description: trans("eventHandler.inputEventHandlersDesc"), icon : "" } as const);
 
 export const ButtonEventHandlerControl = eventHandlerControl([
   clickEvent,

client/packages/lowcoder/src/i18n/locales/en.ts

@@ -275,7 +275,45 @@ export const en = {
     "throttle": "Throttle for",
     "slowdownTooltip": "Use debounce or throttle to control the frequency of action triggers. Time unit can be 'ms' (millisecond, default) or 's' (second).",
     "notHandledError": "Not Handled",
-    "currentApp": "Current"
+    "currentApp": "Current",
+
+    "inputEventHandlers": "Input Event Handlers",
+    "inputEventHandlersDesc": "Event Handlers related to User Input",
+    "buttonEventHandlers": "Button Event Handlers",
+    "buttonEventHandlersDesc": "Event Handlers related to Button Clicks",
+    "changeEventHandlers": "Change Event Handlers",
+    "changeEventHandlersDesc": "Event Handlers related to Value Changes",
+    "editedEventHandlers": "Edit Event Handlers",
+    "editedEventHandlersDesc": "Event Handlers related to edited state of Elements",
+    "clickEventHandlers": "Click Event Handlers",
+    "clickEventHandlersDesc": "Event Handlers related to Clicks",
+    "keyDownEventHandlers": "Key Down Event Handlers",
+    "keyDownEventHandlersDesc": "Event Handlers related to Key Down Events",
+    "checkboxEventHandlers": "Checkbox Event Handlers",
+    "checkboxEventHandlersDesc": "Event Handlers related to Checkbox Changes",
+    "dragEventHandlers": "Drag Event Handlers",
+    "dragEventHandlersDesc": "Event Handlers related to Drag and Drop Events",
+    "elementEventHandlers": "Element Event Handlers",
+    "elementEventHandlersDesc": "Event Handlers related to generic Data Element Events",
+    "mediaEventHandlers": "Media Event Handlers",
+    "mediaEventHandlersDesc": "Event Handlers related to Media Events",
+    "scannerEventHandlers": "Scanner Event Handlers",
+    "scannerEventHandlersDesc": "Event Handlers related to Scanner Events",
+    "chartEventHandlers": "Chart Event Handlers",
+    "chartEventHandlersDesc": "Event Handlers related to Chart Events",
+    "geoMapEventHandlers": "Geo Map Event Handlers",
+    "geoMapEventHandlersDesc": "Event Handlers related to Geo Map Events",
+    "stepEventHandlers": "Step Event Handlers",
+    "stepEventHandlersDesc": "Event Handlers related to Step UI Events",
+    "shareEventHandlers": "Share Event Handlers",
+    "shareEventHandlersDesc": "Event Handlers related to Share Events",
+    "selectEventHandlers": "Select Event Handlers",
+    "selectEventHandlersDesc": "Event Handlers related to Select Events",
+    "meetingEventHandlers": "Meeting Event Handlers",
+    "meetingEventHandlersDesc": "Event Handlers related to Meeting Events",
+    "collaborationEventHandlers": "Collaboration Event Handlers",
+    "collaborationEventHandlersDesc": "Event Handlers related to Collaboration Events",
+
   },
   "event": {
     "submit": "Submit",