Merge pull request #1440 from dhis2/LIBS-539/data-row-props

feat(LIBS-539): forward data-table-row props to allow handling dom events
dhis2 · Dec 21, 2023 · 98b734e · 98b734e
2 parents 4643200 + a293b16
commit 98b734e
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/components/table/src/data-table/__tests__/data-table-row.test.js b/components/table/src/data-table/__tests__/data-table-row.test.js
@@ -140,4 +140,23 @@ describe('<DataTableRow>', () => {
         expect(cb).toHaveBeenCalledTimes(1)
         expect(cb).toHaveBeenCalledWith({ expanded: true })
     })
+
+    it('accepts a hover prop', () => {
+        const cb = jest.fn()
+        const wrapper = mount(
+            <DataTableRow
+                expandable
+                expandableContent="test"
+                onExpandToggle={cb}
+                onMouseOver={cb}
+                onClick={cb}
+            />
+        )
+
+        wrapper.find('tr').simulate('mouseover')
+
+        wrapper.find('tr').simulate('click')
+
+        expect(cb).toHaveBeenCalledTimes(2)
+    })
 })
diff --git a/components/table/src/data-table/data-table-row/data-table-row.js b/components/table/src/data-table/data-table-row/data-table-row.js
@@ -20,6 +20,7 @@ export const DataTableRow = forwardRef(
             draggable,
             role,
             onExpandToggle,
+            ...rest
         },
         ref
     ) => {
@@ -45,6 +46,7 @@ export const DataTableRow = forwardRef(
                     selected={selected}
                     draggable={draggable}
                     role={role}
+                    {...rest}
                 >
                     {draggable && <DragHandleCell />}
                     {expandableContent && (

diff --git a/components/table/src/table/table-row.js b/components/table/src/table/table-row.js
@@ -16,6 +16,7 @@ export const TableRow = ({
     className,
     dataTest,
     suppressZebraStriping,
+    ...rest
 }) => {
     const { suppressZebraStriping: suppressZebraStripingFromContext } =
         useContext(TableContext)
@@ -30,6 +31,7 @@ export const TableRow = ({
             className={cx(className, { zebraStriping })}
             data-test={dataTest}
             role={role}
+            {...rest}
         >
             {children}