fix(ComboBox): Add missing onSelectionChange event prop (#1399)

Author: Lukas742

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

@@ -27,7 +27,7 @@ const prettierConfig = {
 };
 
 const WEB_COMPONENTS_ROOT_DIR = path.join(PATHS.packages, 'main', 'src', 'webComponents');
-const LIB_DIR = path.join(PATHS.packages, 'main', 'src', 'lib');
+const DIST_DIR = path.join(PATHS.packages, 'main', 'src', 'dist');
 
 const KNOWN_EVENTS = new Set(['click', 'input', 'submit', 'change', 'select', 'drop']);
 
@@ -1028,7 +1028,7 @@ resolvedWebComponents.forEach((componentSpec) => {
     export type { ${componentSpec.module}PropTypes };`,
       prettierConfig
     );
-    fs.writeFileSync(path.join(LIB_DIR, `${componentSpec.module}.ts`), libContent);
+    fs.writeFileSync(path.join(DIST_DIR, `${componentSpec.module}.ts`), libContent);
 
     // create test
     if (!fs.existsSync(path.join(webComponentFolderPath, `${componentSpec.module}.test.tsx`))) {

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

@@ -98,6 +98,10 @@ export interface ComboBoxPropTypes extends Omit<WithWebComponentPropTypes, 'onCh
    * **Note:** filterValue property is updated, input is changed.
    */
   onInput?: (event: CustomEvent) => void;
+  /**
+   * Fired when the selection has changed via user interaction
+   */
+  onSelectionChange?: (event: CustomEvent<{ item: ReactNode }>) => void;
 }
 
 /**
@@ -110,7 +114,7 @@ const ComboBox: FC<ComboBoxPropTypes> = withWebComponent<ComboBoxPropTypes>(
   ['filter', 'filterValue', 'placeholder', 'value', 'valueState'],
   ['disabled', 'loading', 'readonly', 'required'],
   ['icon', 'valueStateMessage'],
-  ['change', 'input']
+  ['change', 'input', 'selection-change']
 );
 
 ComboBox.displayName = 'ComboBox';