feat(Datagrid): add keyboard support for clickable rows (#2914)

* feat(Datagrid): add keyboard support to useOnRowClick * chore(Datagrid): refactor key down fn name --------- Co-authored-by: Alexander Melo <[email protected]>
carbon-design-system · Apr 26, 2023 · cbdecd8 · cbdecd8
1 parent cff465d
commit cbdecd8
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/cloud-cognitive/src/components/Datagrid/useOnRowClick.js b/packages/cloud-cognitive/src/components/Datagrid/useOnRowClick.js
@@ -23,10 +23,18 @@ const useOnRowClick = (hooks) => {
         }
       };
 
+      const onKeyDown = (event) => {
+        const { key } = event;
+        if (key === 'Enter') {
+          onClick();
+        }
+      };
+
       return [
         props,
-        { onClick },
+        { onClick, onKeyDown },
         {
+          tabIndex: 0,
           style: {
             cursor: 'pointer',
           },