fix: add stopPropagation when it's a custom component

Author: remadex

packages/ember-ui/src/components/prefabs/tpk-table-generic-prefab.gts

@@ -7,6 +7,7 @@ import type { Invokable } from '@glint/template/-private/integration';
 import { fn } from '@ember/helper';
 import type { TOC } from '@ember/component/template-only';
 import type { TableApi } from '../tpk-table-generic/table.gts';
+import { on } from '@ember/modifier';
 
 export interface TableParams {
   entity: string;
@@ -108,6 +109,10 @@ export default class TableGenericPrefabComponent extends Component<TableGenericP
     return this.args.tableParams.actionMenu;
   }
 
+  stopPropagation(e: Event) {
+    e.stopImmediatePropagation();
+  }
+
   <template>
     <div class='tpk-table-generic-container' data-test-table-generic-prefab>
       <TpkTableGeneric
@@ -131,12 +136,9 @@ export default class TableGenericPrefabComponent extends Component<TableGenericP
           </Table.Header>
           <Table.Body as |Body element|>
             {{#each this.columns as |column|}}
-              <Body.Cell>
-                {{#if column.component}}
-                  {{#let
-                    (this.getComponent column.component)
-                    as |ComponentName|
-                  }}
+              {{#if column.component}}
+                {{#let (this.getComponent column.component) as |ComponentName|}}
+                  <Body.Cell {{on 'click' this.stopPropagation}}>
                     <ComponentName
                       @row={{element}}
                       @field={{column.field}}
@@ -146,11 +148,13 @@ export default class TableGenericPrefabComponent extends Component<TableGenericP
                         column.field
                       }}
                     />
-                  {{/let}}
-                {{else}}
+                  </Body.Cell>
+                {{/let}}
+              {{else}}
+                <Body.Cell>
                   {{this.displayValue element column.field}}
-                {{/if}}
-              </Body.Cell>
+                </Body.Cell>
+              {{/if}}
             {{/each}}
             {{#if this.hasActionMenu}}
               <Body.ActionMenu as |Action|>