Allow keyboard accessible sorting

__tests__/sort-test.js

@@ -45,6 +45,53 @@ describe('sort.sort', function () {
     expect(sorted).toEqual(testColumnIndex);
   });
 
+  it('triggers sorting on enter key', function () {
+    const testColumnIndex = 0;
+    let sorted;
+    const _sorter = sort({
+      onSort(columnIndex) {
+        sorted = columnIndex;
+      }
+    });
+    const result = _sorter('testValue', {
+      columnIndex: testColumnIndex
+    });
+
+    result.onKeyDown({ keyCode: 13 });
+
+    expect(sorted).toEqual(testColumnIndex);
+  });
+
+  it('does not triggers sorting on enter key if disableKeyboard=true', function () {
+    const testColumnIndex = 0;
+    const _sorter = sort({
+      disableKeyboard: true,
+      onSort() {}
+    });
+    const result = _sorter('testValue', {
+      columnIndex: testColumnIndex
+    });
+
+    expect(result.onKeyDown).toBeUndefined();
+  });
+
+  it('does not trigger sorting on other keyDown events', function () {
+    const testColumnIndex = 0;
+    let sorted;
+    const _sorter = sort({
+      onSort(columnIndex) {
+        sorted = columnIndex;
+      }
+    });
+    const result = _sorter('testValue', {
+      columnIndex: testColumnIndex
+    });
+
+    result.onKeyDown({ keyCode: 32 });
+
+    expect(sorted).toBeFalsy();
+  });
+
   it('allows strategy to be customized', function () {
     const testProperty = 'foobar';
     const sortDirection = 'asc';

src/sort.js

@@ -5,7 +5,8 @@ const sort = ({
   event = 'onClick',
   getSortingColumns = () => [],
   onSort = () => {},
-  strategy = defaultStrategy
+  strategy = defaultStrategy,
+  disableKeyboard = false
 } = {}) => (_value, extra, { className, ...props } = {}) => {
   const sortingColumns = getSortingColumns();
   const field = extra[strategy.fieldName];
@@ -16,10 +17,15 @@ const sort = ({
     headerClass = `sort sort-${sortingColumns[field].direction}`;
   }
 
+  const keyboardEventHandler = disableKeyboard ? {} : {
+    onKeyDown: (e) => { if (e.keyCode === 13) { onSort(field); } }
+  };
+
   return {
     ...props,
     className: classNames(className, headerClass),
-    [event]: () => onSort(field)
+    [event]: () => onSort(field),
+    ...keyboardEventHandler
   };
 };