feat(DataTable): allow TableSelect components to be disabled (#1003)

Author: ryanomackey

src/components/DataTable/TableSelectAll.js

@@ -9,6 +9,7 @@ const TableSelectAll = ({
   indeterminate,
   name,
   onSelect,
+  disabled,
 }) => (
   <th scope="col">
     <InlineCheckbox
@@ -18,6 +19,7 @@ const TableSelectAll = ({
       indeterminate={indeterminate}
       name={name}
       onClick={onSelect}
+      disabled={disabled}
     />
   </th>
 );

src/components/DataTable/TableSelectRow.js

@@ -2,14 +2,22 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import InlineCheckbox from '../InlineCheckbox';
 
-const TableSelectRow = ({ ariaLabel, checked, id, name, onSelect }) => (
+const TableSelectRow = ({
+  ariaLabel,
+  checked,
+  id,
+  name,
+  onSelect,
+  disabled,
+}) => (
   <td>
     <InlineCheckbox
       id={id}
       name={name}
       onClick={onSelect}
       checked={checked}
       ariaLabel={ariaLabel}
+      disabled={disabled}
     />
   </td>
 );

src/components/InlineCheckbox/InlineCheckbox.js

@@ -13,6 +13,11 @@ export default class InlineCheckbox extends React.Component {
      */
     checked: PropTypes.bool.isRequired,
 
+    /**
+     * Specify whether the underlying input control should be disabled
+     */
+    disabled: PropTypes.bool,
+
     /**
      * Provide an `id` for the underlying input control
      */
@@ -58,6 +63,7 @@ export default class InlineCheckbox extends React.Component {
       id,
       indeterminate,
       checked,
+      disabled,
       ariaLabel,
       name,
       onClick,
@@ -72,6 +78,7 @@ export default class InlineCheckbox extends React.Component {
       type: 'checkbox',
       ref: this.handleRef,
       checked: false,
+      disabled,
     };
 
     if (checked) {