fix: use correct CustomEvent typing when no parameters are available

Author: MarcusNotheis

packages/main/scripts/create-web-components-wrapper.js

@@ -344,6 +344,13 @@ const getEventParameters = (parameters) => {
 
   const importStatements = [];
 
+  if (resolvedEventParameters.length === 0) {
+    return {
+      tsType: `(event: CustomEvent) => void`,
+      importStatements
+    };
+  }
+
   const detailPayload = resolvedEventParameters.map((parameter) => {
     if (parameter.importStatement) {
       importStatements.push(parameter.importStatement);

packages/main/src/webComponents/Button/index.tsx

@@ -33,7 +33,7 @@ export interface ButtonPropTypes extends Omit<WithWebComponentPropTypes, 'onClic
   /**
    * Fired when the <code>Button</code> is activated either with a mouse/tap or by using the Enter or Space key. <br><br> <b>Note:</b> The event will not be fired if the <code>disabled</code> property is set to <code>true</code>.
    */
-  onClick?: (event: CustomEvent<{}>) => void;
+  onClick?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/Card/index.tsx

@@ -34,7 +34,7 @@ export interface CardPropTypes extends WithWebComponentPropTypes {
   /**
    * Fired when the <code>Card</code> header is activated by mouse/tap or by using the Enter or Space key. <br><br> <b>Note:</b> The event would be fired only if the <code>headerInteractive</code> property is set to true.
    */
-  onHeaderClick?: (event: CustomEvent<{}>) => void;
+  onHeaderClick?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/Carousel/index.tsx

@@ -43,7 +43,7 @@ export interface CarouselPropTypes extends WithWebComponentPropTypes {
   /**
    * Fired for the last items of the <code>Carousel</code> if it is scrolled and the direction of scrolling is to the end. The number of items for which the event is thrown is controlled by the <code>infiniteScrollOffset</code> property.
    */
-  onLoadMore?: (event: CustomEvent<{}>) => void;
+  onLoadMore?: (event: CustomEvent) => void;
   /**
    * Fired whenever the <code>selectedIndex</code> changes due to user interaction, when the user clicks on the navigation arrows or while resizing, based on the <code>items-per-page-l</code>, <code>items-per-page-m</code> and <code>items-per-page-s</code> properties.
    */

packages/main/src/webComponents/CheckBox/index.tsx

@@ -39,7 +39,7 @@ export interface CheckBoxPropTypes extends Omit<WithWebComponentPropTypes, 'onCh
   /**
    * Fired when the <code>CheckBox</code> checked state changes.
    */
-  onChange?: (event: CustomEvent<{}>) => void;
+  onChange?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/ComboBox/index.tsx

@@ -49,11 +49,11 @@ export interface ComboBoxPropTypes extends Omit<WithWebComponentPropTypes, 'onCh
   /**
    * Fired when the input operation has finished by pressing Enter, focusout or an item is selected.
    */
-  onChange?: (event: CustomEvent<{}>) => void;
+  onChange?: (event: CustomEvent) => void;
   /**
    * Fired when typing in input. <br><br> <b>Note:</b> filterValue property is updated, input is changed.
    */
-  onInput?: (event: CustomEvent<{}>) => void;
+  onInput?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/CustomListItem/index.tsx

@@ -19,7 +19,7 @@ export interface CustomListItemPropTypes extends WithWebComponentPropTypes {
   /**
    * Fired when the user clicks on the detail button when type is <code>Detail</code>.
    */
-  onDetailClick?: (event: CustomEvent<{}>) => void;
+  onDetailClick?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/DatePicker/index.tsx

@@ -66,11 +66,11 @@ export interface DatePickerPropTypes extends Omit<WithWebComponentPropTypes, 'on
   /**
    * Fired when the input operation has finished by pressing Enter or on focusout.
    */
-  onChange?: (event: CustomEvent<{}>) => void;
+  onChange?: (event: CustomEvent) => void;
   /**
    * Fired when the value of the <code>DatePicker</code> is changed at each key stroke.
    */
-  onInput?: (event: CustomEvent<{}>) => void;
+  onInput?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/DateRangePicker/index.tsx

@@ -70,11 +70,11 @@ export interface DateRangePickerPropTypes extends Omit<WithWebComponentPropTypes
   /**
    * Fired when the input operation has finished by pressing Enter or on focusout.
    */
-  onChange?: (event: CustomEvent<{}>) => void;
+  onChange?: (event: CustomEvent) => void;
   /**
    * Fired when the value of the <code>DatePicker</code> is changed at each key stroke.
    */
-  onInput?: (event: CustomEvent<{}>) => void;
+  onInput?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/DateTimePicker/index.tsx

@@ -66,11 +66,11 @@ export interface DateTimePickerPropTypes extends Omit<WithWebComponentPropTypes,
   /**
    * Fired when the input operation has finished by pressing Enter or on focusout.
    */
-  onChange?: (event: CustomEvent<{}>) => void;
+  onChange?: (event: CustomEvent) => void;
   /**
    * Fired when the value of the <code>DatePicker</code> is changed at each key stroke.
    */
-  onInput?: (event: CustomEvent<{}>) => void;
+  onInput?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/Dialog/index.tsx

@@ -34,19 +34,19 @@ export interface DialogPropTypes extends WithWebComponentPropTypes {
   /**
    * Fired after the component is closed. This event does not bubble.
    */
-  onAfterClose?: (event: CustomEvent<{}>) => void;
+  onAfterClose?: (event: CustomEvent) => void;
   /**
    * Fired after the component is opened. This event does not bubble.
    */
-  onAfterOpen?: (event: CustomEvent<{}>) => void;
+  onAfterOpen?: (event: CustomEvent) => void;
   /**
    * Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing. This event does not bubble.
    */
   onBeforeClose?: (event: CustomEvent<{ escPressed: boolean }>) => void;
   /**
    * Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening. This event does not bubble.
    */
-  onBeforeOpen?: (event: CustomEvent<{}>) => void;
+  onBeforeOpen?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/DurationPicker/index.tsx

@@ -48,7 +48,7 @@ export interface DurationPickerPropTypes extends Omit<WithWebComponentPropTypes,
   /**
    * Fired when the input operation has finished by pressing Enter or on focusout.
    */
-  onChange?: (event: CustomEvent<{}>) => void;
+  onChange?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/Input/index.tsx

@@ -70,15 +70,15 @@ export interface InputPropTypes extends Omit<WithWebComponentPropTypes, 'onChang
   /**
    * Fired when the input operation has finished by pressing Enter or on focusout.
    */
-  onChange?: (event: CustomEvent<{}>) => void;
+  onChange?: (event: CustomEvent) => void;
   /**
    * Fired when the value of the <code>Input</code> changes at each keystroke, and when a suggestion item has been selected.
    */
-  onInput?: (event: CustomEvent<{}>) => void;
+  onInput?: (event: CustomEvent) => void;
   /**
    * Fired when user presses Enter key on the <code>Input</code>. <br><br> <b>Note:</b> The event is fired independent of whether there was a change before or not. If change was performed, the event is fired after the change event. The event is also fired when an item of the select list is selected by pressing Enter.
    */
-  onSubmit?: (event: CustomEvent<{}>) => void;
+  onSubmit?: (event: CustomEvent) => void;
   /**
    * Fired when the user navigates to a suggestion item via the ARROW keys, as a preview, before the final selection.
    */

packages/main/src/webComponents/Link/index.tsx

@@ -31,7 +31,7 @@ export interface LinkPropTypes extends Omit<WithWebComponentPropTypes, 'onClick'
   /**
    * Fired when the <code>Link</code> is triggered either with a mouse/tap or by using the Enter key.
    */
-  onClick?: (event: CustomEvent<{}>) => void;
+  onClick?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/List/index.tsx

@@ -64,7 +64,7 @@ export interface ListPropTypes extends WithWebComponentPropTypes {
   /**
    * Fired when the user scrolls to the bottom of the list. <br><br> <b>Note:</b> The event is fired when the <code>infiniteScroll</code> property is enabled.
    */
-  onLoadMore?: (event: CustomEvent<{}>) => void;
+  onLoadMore?: (event: CustomEvent) => void;
   /**
    * Fired when selection is changed by user interaction in <code>SingleSelect</code>, <code>SingleSelectBegin</code>, <code>SingleSelectEnd</code> and <code>MultiSelect</code> modes.
    */

packages/main/src/webComponents/MessageStrip/index.tsx

@@ -29,7 +29,7 @@ export interface MessageStripPropTypes extends WithWebComponentPropTypes {
   /**
    * Fired when the close button is pressed either with a click/tap or by using the Enter or Space key.
    */
-  onClose?: (event: CustomEvent<{}>) => void;
+  onClose?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/MultiComboBox/index.tsx

@@ -43,15 +43,15 @@ export interface MultiComboBoxPropTypes extends Omit<WithWebComponentPropTypes,
   /**
    * Fired when the input operation has finished by pressing Enter or on focusout.
    */
-  onChange?: (event: CustomEvent<{}>) => void;
+  onChange?: (event: CustomEvent) => void;
   /**
    * Fired when the value of the <code>MultiComboBox</code> changes at each keystroke.
    */
-  onInput?: (event: CustomEvent<{}>) => void;
+  onInput?: (event: CustomEvent) => void;
   /**
    * Fired when the dropdown is opened or closed.
    */
-  onOpenChange?: (event: CustomEvent<{}>) => void;
+  onOpenChange?: (event: CustomEvent) => void;
   /**
    * Fired when selection is changed by user interaction in <code>SingleSelect</code> and <code>MultiSelect</code> modes.
    */

packages/main/src/webComponents/NotificationListGroupItem/index.tsx

@@ -43,11 +43,11 @@ export interface NotificationListGroupItemPropTypes extends WithWebComponentProp
   /**
    * Fired when the <code>NotificationListGroupItem</code> is expanded/collapsed by user interaction.
    */
-  onToggle?: (event: CustomEvent<{}>) => void;
+  onToggle?: (event: CustomEvent) => void;
   /**
    * Fired when the <code>Close</code> button is pressed.
    */
-  onClose?: (event: CustomEvent<{}>) => void;
+  onClose?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/NotificationListItem/index.tsx

@@ -57,7 +57,7 @@ export interface NotificationListItemPropTypes extends WithWebComponentPropTypes
   /**
    * Fired when the <code>Close</code> button is pressed.
    */
-  onClose?: (event: CustomEvent<{}>) => void;
+  onClose?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/Popover/index.tsx

@@ -57,19 +57,19 @@ export interface PopoverPropTypes extends WithWebComponentPropTypes {
   /**
    * Fired after the component is closed. This event does not bubble.
    */
-  onAfterClose?: (event: CustomEvent<{}>) => void;
+  onAfterClose?: (event: CustomEvent) => void;
   /**
    * Fired after the component is opened. This event does not bubble.
    */
-  onAfterOpen?: (event: CustomEvent<{}>) => void;
+  onAfterOpen?: (event: CustomEvent) => void;
   /**
    * Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing. This event does not bubble.
    */
   onBeforeClose?: (event: CustomEvent<{ escPressed: boolean }>) => void;
   /**
    * Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening. This event does not bubble.
    */
-  onBeforeOpen?: (event: CustomEvent<{}>) => void;
+  onBeforeOpen?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/ProductSwitchItem/index.tsx

@@ -28,7 +28,7 @@ export interface ProductSwitchItemPropTypes extends Omit<WithWebComponentPropTyp
   /**
    * Fired when the <code>ProductSwitchItem</code> is activated either with a click/tap or by using the Enter or Space key.
    */
-  onClick?: (event: CustomEvent<{}>) => void;
+  onClick?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/RadioButton/index.tsx

@@ -47,7 +47,7 @@ export interface RadioButtonPropTypes extends Omit<WithWebComponentPropTypes, 'o
   /**
    * Fired when the <code>RadioButton</code> selected state changes.
    */
-  onSelect?: (event: CustomEvent<{}>) => void;
+  onSelect?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/RatingIndicator/index.tsx

@@ -24,7 +24,7 @@ export interface RatingIndicatorPropTypes extends Omit<WithWebComponentPropTypes
   /**
    * The event is fired when the value changes.
    */
-  onChange?: (event: CustomEvent<{}>) => void;
+  onChange?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/ResponsivePopover/index.tsx

@@ -57,19 +57,19 @@ export interface ResponsivePopoverPropTypes extends WithWebComponentPropTypes {
   /**
    * Fired after the component is closed. This event does not bubble.
    */
-  onAfterClose?: (event: CustomEvent<{}>) => void;
+  onAfterClose?: (event: CustomEvent) => void;
   /**
    * Fired after the component is opened. This event does not bubble.
    */
-  onAfterOpen?: (event: CustomEvent<{}>) => void;
+  onAfterOpen?: (event: CustomEvent) => void;
   /**
    * Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing. This event does not bubble.
    */
   onBeforeClose?: (event: CustomEvent<{ escPressed: boolean }>) => void;
   /**
    * Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening. This event does not bubble.
    */
-  onBeforeOpen?: (event: CustomEvent<{}>) => void;
+  onBeforeOpen?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/StandardListItem/index.tsx

@@ -44,7 +44,7 @@ export interface StandardListItemPropTypes extends WithWebComponentPropTypes {
   /**
    * Fired when the user clicks on the detail button when type is <code>Detail</code>.
    */
-  onDetailClick?: (event: CustomEvent<{}>) => void;
+  onDetailClick?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/Switch/index.tsx

@@ -28,7 +28,7 @@ export interface SwitchPropTypes extends Omit<WithWebComponentPropTypes, 'onChan
   /**
    * Fired when the <code>Switch</code> checked state changes.
    */
-  onChange?: (event: CustomEvent<{}>) => void;
+  onChange?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/TextArea/index.tsx

@@ -67,11 +67,11 @@ export interface TextAreaPropTypes extends Omit<WithWebComponentPropTypes, 'onCh
   /**
    * Fired when the text has changed and the focus leaves the <code>TextArea</code>.
    */
-  onChange?: (event: CustomEvent<{}>) => void;
+  onChange?: (event: CustomEvent) => void;
   /**
    * Fired when the value of the <code>TextArea</code> changes at each keystroke or when something is pasted.
    */
-  onInput?: (event: CustomEvent<{}>) => void;
+  onInput?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/TimePicker/index.tsx

@@ -41,11 +41,11 @@ export interface TimePickerPropTypes extends Omit<WithWebComponentPropTypes, 'on
   /**
    * Fired when the input operation has finished by clicking the "OK" button or when the text in the input field has changed and the focus leaves the input field.
    */
-  onChange?: (event: CustomEvent<{}>) => void;
+  onChange?: (event: CustomEvent) => void;
   /**
    * Fired when the value of the <code>TimePicker</code> is changed at each key stroke.
    */
-  onInput?: (event: CustomEvent<{}>) => void;
+  onInput?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/TimelineItem/index.tsx

@@ -32,7 +32,7 @@ export interface TimelineItemPropTypes extends WithWebComponentPropTypes {
   /**
    * Fired when the item name is pressed either with a click/tap or by using the Enter or Space key. <br><br> <b>Note:</b> The event will not be fired if the <code>item-name-clickable</code> attribute is not set.
    */
-  onItemNameClick?: (event: CustomEvent<{}>) => void;
+  onItemNameClick?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/ToggleButton/index.tsx

@@ -39,7 +39,7 @@ export interface ToggleButtonPropTypes extends Omit<WithWebComponentPropTypes, '
   /**
    * Fired when the <code>Button</code> is activated either with a mouse/tap or by using the Enter or Space key. <br><br> <b>Note:</b> The event will not be fired if the <code>disabled</code> property is set to <code>true</code>.
    */
-  onClick?: (event: CustomEvent<{}>) => void;
+  onClick?: (event: CustomEvent) => void;
 }
 
 /**

packages/main/src/webComponents/UploadCollectionItem/index.tsx

@@ -47,19 +47,19 @@ export interface UploadCollectionItemPropTypes extends WithWebComponentPropTypes
   /**
    * Fired when the file name is clicked. <br><br> <b>Note:</b> This event is only available when <code>fileNameClickable</code> property is <code>true</code>.
    */
-  onFileNameClick?: (event: CustomEvent<{}>) => void;
+  onFileNameClick?: (event: CustomEvent) => void;
   /**
    * Fired when the <code>fileName</code> property gets changed. <br><br> <b>Note:</b> An edit button is displayed on each item, when the <code>UploadCollectionItem</code> <code>type</code> property is set to <code>Detail</code>.
    */
-  onRename?: (event: CustomEvent<{}>) => void;
+  onRename?: (event: CustomEvent) => void;
   /**
    * Fired when the retry button is pressed. <br><br> <b>Note:</b> Retry button is displayed when <code>uploadState</code> property is set to <code>Error</code>.
    */
-  onRetry?: (event: CustomEvent<{}>) => void;
+  onRetry?: (event: CustomEvent) => void;
   /**
    * Fired when the terminate button is pressed. <br><br> <b>Note:</b> Terminate button is displayed when <code>uploadState</code> property is set to <code>Uploading</code>.
    */
-  onTerminate?: (event: CustomEvent<{}>) => void;
+  onTerminate?: (event: CustomEvent) => void;
 }
 
 /**