fix(tables): stop click event propagation in RowCheckbox

config/jest.config.js

@@ -19,6 +19,7 @@ export default {
           baseUrl: './src',
           paths: {
             '@elements/*': ['elements/*'],
+            '@fields/*': ['fields/*'],
             '@hooks/*': ['hooks/*'],
             '@libs/*': ['libs/*'],
             '@types_/*': ['types/*'],

src/tables/TableWithSelectableRows/RowCheckbox.tsx

@@ -1,3 +1,4 @@
+import { stopMouseEventPropagation } from '@utils/stopMouseEventPropagation'
 import { type HTMLProps } from 'react'
 import { Checkbox as RsuiteCheckbox } from 'rsuite'
 
@@ -9,7 +10,6 @@ export type RowCheckboxProps = {
   isIndeterminate?: boolean
   onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void
 }
-
 export function RowCheckbox({
   className = '',
   disabled = false,
@@ -25,6 +25,7 @@ export function RowCheckbox({
       indeterminate={isIndeterminate}
       // eslint-disable-next-line @typescript-eslint/naming-convention
       onChange={(_, __, event) => onChange(event)}
+      onClick={stopMouseEventPropagation}
     />
   )
 }

src/utils/stopMouseEventPropagation.ts

@@ -1,5 +1,5 @@
 import type { MouseEvent } from 'react'
 
-export function stopMouseEventPropagation(event: MouseEvent<HTMLElement>) {
+export function stopMouseEventPropagation(event: MouseEvent<HTMLElement> | React.SyntheticEvent<Element, Event>) {
   event.stopPropagation()
 }

tsconfig.json

@@ -30,6 +30,7 @@
     "outDir": "./dist",
     "paths": {
       "@elements/*": ["elements/*"],
+      "@fields/*": ["fields/*"],
       "@hooks/*": ["hooks/*"],
       "@libs/*": ["libs/*"],
       "@types_/*": ["types/*"],