From d5484026f15eac2f197b54a1841cf51acb936d2e Mon Sep 17 00:00:00 2001
From: suomiy <suomiy@gmail.com>
Date: Tue, 26 Feb 2019 18:27:18 +0100
Subject: [PATCH 1/2] feat(Table): support inline editing in PF4

---
 .../react-core/build/copyStyles.js            |    0
 .../src/components/TextInput/TextInput.js     |    2 +-
 .../__snapshots__/TextInput.test.js.snap      |    1 -
 .../patternfly-4/react-docs/build/copyDocs.js |    2 +-
 .../patternfly-4/react-docs/gatsby-config.js  |    7 +
 .../patternfly-4/react-docs/gatsby-node.js    |    7 +-
 packages/patternfly-4/react-docs/package.json |    1 +
 .../src/components/example/liveDemo.js        |    2 +
 .../react-inline-edit-extension/.babelrc      |   31 +
 .../react-inline-edit-extension/.npmignore    |    1 +
 .../react-inline-edit-extension/README.md     |    5 +
 .../build/copyStyles.js                       |   42 +
 .../build/snapshot-serializer.js              |    8 +
 .../react-inline-edit-extension/package.json  |   61 +
 .../scripts/copyTS.js                         |   17 +
 .../components/CancelButton/CancelButton.js   |   20 +
 .../CancelButton/CancelButton.test.js         |    9 +
 .../__snapshots__/CancelButton.test.js.snap   |   22 +
 .../src/components/CancelButton/index.js      |    1 +
 .../components/ConfirmButton/ConfirmButton.js |   20 +
 .../ConfirmButton/ConfirmButton.test.js       |    9 +
 .../__snapshots__/ConfirmButton.test.js.snap  |   22 +
 .../src/components/ConfirmButton/index.js     |    1 +
 .../components/InlineEdit/ConfirmButtons.js   |   95 +
 .../components/InlineEdit/InlineEdit.docs.js  |   11 +
 .../src/components/InlineEdit/constants.d.ts  |    6 +
 .../src/components/InlineEdit/constants.js    |    6 +
 .../InlineEdit/css/inline-edit-css.js         |   88 +
 .../InlineEdit/editableRowWrapper.d.ts        |   22 +
 .../InlineEdit/editableRowWrapper.js          |  220 +
 .../InlineEdit/editableTableBody.d.ts         |   36 +
 .../InlineEdit/editableTableBody.js           |   99 +
 .../InlineEdit/examples/EditableTable.js      |  264 +
 .../examples/EditableTableColumn.js           |  143 +
 .../src/components/InlineEdit/index.d.ts      |   21 +
 .../src/components/InlineEdit/index.js        |    4 +
 .../components/InlineEdit/utils/formatters.js |    1 +
 .../InlineEdit/utils/formatters/index.d.ts    |    8 +
 .../inlineEditFormatterFactory.d.ts           |   30 +
 .../formatters/inlineEditFormatterFactory.js  |   22 +
 .../inlineEditFormatterFactory.test.js        |   54 +
 .../components/InlineEdit/utils/index.d.ts    |    1 +
 .../src/components/InlineEdit/utils/index.js  |    2 +
 .../src/components/InlineEdit/utils/utils.js  |   28 +
 .../TableTextInput/TableTextInput.d.ts        |   12 +
 .../TableTextInput/TableTextInput.docs.js     |   10 +
 .../TableTextInput/TableTextInput.js          |   51 +
 .../TableTextInput/TableTextInput.test.js     |   19 +
 .../__snapshots__/TableTextInput.test.js.snap |   37 +
 .../examples/SimpleTableTextInput.js          |   22 +
 .../src/components/TableTextInput/index.d.ts  |    4 +
 .../src/components/TableTextInput/index.js    |    1 +
 .../src/components/index.d.ts                 |    2 +
 .../src/components/index.js                   |    2 +
 .../src/index.d.ts                            |    1 +
 .../react-inline-edit-extension/src/index.js  |    1 +
 .../react-table/src/components/Table/Body.js  |   22 +-
 .../src/components/Table/RowWrapper.d.ts      |   16 +
 .../src/components/Table/RowWrapper.js        |  101 +-
 .../react-table/src/components/Table/Table.js |   12 +-
 .../Table/__snapshots__/Table.test.js.snap    | 9772 ++++++++++++++++-
 .../src/components/Table/index.d.ts           |    1 +
 .../react-table/src/components/Table/index.js |    4 +-
 .../src/components/Table/utils/headerUtils.js |    1 +
 64 files changed, 11219 insertions(+), 324 deletions(-)
 mode change 100644 => 100755 packages/patternfly-4/react-core/build/copyStyles.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/.babelrc
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/.npmignore
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/README.md
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/build/copyStyles.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/build/snapshot-serializer.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/package.json
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/scripts/copyTS.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/CancelButton.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/CancelButton.test.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/__snapshots__/CancelButton.test.js.snap
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/index.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/ConfirmButton.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/ConfirmButton.test.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/__snapshots__/ConfirmButton.test.js.snap
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/index.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/ConfirmButtons.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.docs.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.d.ts
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/css/inline-edit-css.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.d.ts
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.d.ts
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTable.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTableColumn.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/index.d.ts
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/index.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/index.d.ts
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.d.ts
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.test.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/index.d.ts
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/index.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/utils.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.d.ts
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.docs.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.test.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/__snapshots__/TableTextInput.test.js.snap
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/examples/SimpleTableTextInput.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/index.d.ts
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/index.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/index.d.ts
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/index.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/index.d.ts
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/index.js
 create mode 100644 packages/patternfly-4/react-table/src/components/Table/RowWrapper.d.ts

diff --git a/packages/patternfly-4/react-core/build/copyStyles.js b/packages/patternfly-4/react-core/build/copyStyles.js
old mode 100644
new mode 100755
diff --git a/packages/patternfly-4/react-core/src/components/TextInput/TextInput.js b/packages/patternfly-4/react-core/src/components/TextInput/TextInput.js
index 9130c743d38..f940b0a0ed9 100644
--- a/packages/patternfly-4/react-core/src/components/TextInput/TextInput.js
+++ b/packages/patternfly-4/react-core/src/components/TextInput/TextInput.js
@@ -52,7 +52,7 @@ const defaultProps = {
   isDisabled: false,
   isReadOnly: false,
   type: 'text',
-  value: null,
+  value: undefined,
   onChange: () => undefined,
   'aria-label': null
 };
diff --git a/packages/patternfly-4/react-core/src/components/TextInput/__snapshots__/TextInput.test.js.snap b/packages/patternfly-4/react-core/src/components/TextInput/__snapshots__/TextInput.test.js.snap
index b10bb69becd..c4b3c05a392 100644
--- a/packages/patternfly-4/react-core/src/components/TextInput/__snapshots__/TextInput.test.js.snap
+++ b/packages/patternfly-4/react-core/src/components/TextInput/__snapshots__/TextInput.test.js.snap
@@ -23,7 +23,6 @@ exports[`disabled text input 1`] = `
   readOnly={false}
   required={false}
   type="text"
-  value={null}
 />
 `;
 
diff --git a/packages/patternfly-4/react-docs/build/copyDocs.js b/packages/patternfly-4/react-docs/build/copyDocs.js
index 7e4e9e588c3..0312f0888e1 100644
--- a/packages/patternfly-4/react-docs/build/copyDocs.js
+++ b/packages/patternfly-4/react-docs/build/copyDocs.js
@@ -5,7 +5,7 @@ const fs = require('fs-extra');
 
 const dest = path.resolve(__dirname, '../dist');
 
-const packageDirs = ['react-core', 'react-charts', 'react-table', 'react-styled-system'];
+const packageDirs = ['react-core', 'react-charts', 'react-table', 'react-inline-edit-extension', 'react-styled-system'];
 const moduleTypes = ['js', 'esm'];
 
 moduleTypes.forEach(moduleType => {
diff --git a/packages/patternfly-4/react-docs/gatsby-config.js b/packages/patternfly-4/react-docs/gatsby-config.js
index 82fb6a428e8..554057cc2e3 100644
--- a/packages/patternfly-4/react-docs/gatsby-config.js
+++ b/packages/patternfly-4/react-docs/gatsby-config.js
@@ -40,6 +40,13 @@ module.exports = {
         ignore: [`**/*.d.ts`]
       }
     },
+    {
+      resolve: `gatsby-source-filesystem`,
+      options: {
+        name: `components`,
+        path: resolve(__dirname, '../react-inline-edit-extension/src')
+      }
+    },
     'gatsby-transformer-react-docgen'
   ],
   pathPrefix: 'patternfly-4'
diff --git a/packages/patternfly-4/react-docs/gatsby-node.js b/packages/patternfly-4/react-docs/gatsby-node.js
index 4afce646396..254be200c8b 100644
--- a/packages/patternfly-4/react-docs/gatsby-node.js
+++ b/packages/patternfly-4/react-docs/gatsby-node.js
@@ -1,6 +1,6 @@
 const path = require(`path`);
 const fs = require('fs-extra'); //eslint-disable-line
-const packageDirs = ['react-core', 'react-charts', 'react-styled-system', 'react-table'];
+const packageDirs = ['react-core', 'react-charts', 'react-styled-system', 'react-table', 'react-inline-edit-extension'];
 
 // Escape single quotes and backslashes in a file path
 const escapeFilePath = filePath => filePath.replace(/[\\']/g, '\\$&');
@@ -28,7 +28,8 @@ exports.onCreateWebpackConfig = ({ stage, loaders, actions, plugins, getConfig }
         '@patternfly/react-charts': path.resolve(__dirname, '../react-charts/src'),
         '@patternfly/react-core': path.resolve(__dirname, '../react-core/src'),
         '@patternfly/react-styles': path.resolve(__dirname, '../react-styles/src'),
-        '@patternfly/react-styled-system': path.resolve(__dirname, '../react-styled-system/src')
+        '@patternfly/react-styled-system': path.resolve(__dirname, '../react-styled-system/src'),
+        '@patternfly/react-inline-edit-extension': path.resolve(__dirname, '../react-inline-edit-extension/src'),
       }
     }
   });
@@ -119,7 +120,7 @@ exports.createPages = async ({ graphql, actions }) => {
     const filePath = path.resolve(__dirname, '.tmp', doc.base);
 
     const rawExamples = [];
-    const packageDir = packageDirs.find(pkg => doc.absolutePath.indexOf(pkg) !== -1);
+    const packageDir = packageDirs.find(pkg => doc.absolutePath.indexOf(`/${pkg}/`) !== -1);
 
     // In Windows environments, paths use backslashes to separate directories;
     // Ensure that forward slashes are used to make it comparable
diff --git a/packages/patternfly-4/react-docs/package.json b/packages/patternfly-4/react-docs/package.json
index be4e695c9b6..2d5a0aa33dd 100644
--- a/packages/patternfly-4/react-docs/package.json
+++ b/packages/patternfly-4/react-docs/package.json
@@ -11,6 +11,7 @@
     "@patternfly/react-charts": "^2.2.2",
     "@patternfly/react-core": "^2.9.2",
     "@patternfly/react-icons": "^3.6.1",
+    "@patternfly/react-inline-edit-extension": "^1.0.0",
     "@patternfly/react-styled-system": "^2.0.17",
     "@patternfly/react-styles": "^2.4.0",
     "@patternfly/react-table": "^1.3.4",
diff --git a/packages/patternfly-4/react-docs/src/components/example/liveDemo.js b/packages/patternfly-4/react-docs/src/components/example/liveDemo.js
index 28391a0f212..fa5798604fb 100644
--- a/packages/patternfly-4/react-docs/src/components/example/liveDemo.js
+++ b/packages/patternfly-4/react-docs/src/components/example/liveDemo.js
@@ -4,6 +4,7 @@ import exampleStyles from './example.styles';
 import styles from './liveDemo.styles';
 import PropTypes from 'prop-types';
 import * as TableComponents from '@patternfly/react-table';
+import * as TableInlineEditingComponents from '@patternfly/react-inline-edit-extension';
 import * as ChartComponents from '@patternfly/react-charts';
 import * as CoreComponents from '@patternfly/react-core';
 import * as CoreIcons from '@patternfly/react-icons';
@@ -35,6 +36,7 @@ const scopePlayground = {
   React,
   ...ChartComponents,
   ...TableComponents,
+  ...TableInlineEditingComponents,
   ...StyledSystemComponents,
   ...CoreComponents,
   ...CoreIcons,
diff --git a/packages/patternfly-4/react-inline-edit-extension/.babelrc b/packages/patternfly-4/react-inline-edit-extension/.babelrc
new file mode 100644
index 00000000000..ba0214495d7
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/.babelrc
@@ -0,0 +1,31 @@
+{
+  "presets": [
+    "../.babelrc.js"
+  ],
+  "env": {
+    "production:esm": {
+      "plugins": [
+        [
+          "@patternfly/react-styles/babel",
+          {
+            "srcDir": "./src",
+            "outDir": "./dist/esm",
+            "useModules": true
+          }
+        ]
+      ]
+    },
+    "production:cjs": {
+      "plugins": [
+        [
+          "@patternfly/react-styles/babel",
+          {
+            "srcDir": "./src",
+            "outDir": "./dist/js",
+            "useModules": false
+          }
+        ]
+      ]
+    }
+  }
+}
diff --git a/packages/patternfly-4/react-inline-edit-extension/.npmignore b/packages/patternfly-4/react-inline-edit-extension/.npmignore
new file mode 100644
index 00000000000..378eac25d31
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/.npmignore
@@ -0,0 +1 @@
+build
diff --git a/packages/patternfly-4/react-inline-edit-extension/README.md b/packages/patternfly-4/react-inline-edit-extension/README.md
new file mode 100644
index 00000000000..ced7cde7df6
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/README.md
@@ -0,0 +1,5 @@
+# @patternfly/react-inline-edit-extension
+
+Inline Edit extension provides inline editing support for PatternFly 4 React table.
+
+This package is currently an extension. Extension components do not undergo the same rigorous design or coding review process as core PatternFly components. If enough members of the community find them useful, we will work to move them into our core PatternFly system by starting the design process for the idea.
diff --git a/packages/patternfly-4/react-inline-edit-extension/build/copyStyles.js b/packages/patternfly-4/react-inline-edit-extension/build/copyStyles.js
new file mode 100644
index 00000000000..3c501ed0ad6
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/build/copyStyles.js
@@ -0,0 +1,42 @@
+/* eslint-disable no-case-declarations */
+const { copySync, readFileSync, writeFileSync } = require('fs-extra');
+const { resolve, dirname, join } = require('path');
+const { parse: parseCSS, stringify: stringifyCSS } = require('css');
+
+const baseCSSFilename = 'patternfly-base.css';
+const stylesDir = resolve(__dirname, '../dist/styles');
+const pfDir = dirname(require.resolve(`@patternfly/patternfly/${baseCSSFilename}`));
+
+const css = readFileSync(join(pfDir, baseCSSFilename), 'utf8');
+const ast = parseCSS(css);
+
+const unusedSelectorRegEx = /(\.fas?|\.sr-only)/;
+const unusedKeyFramesRegEx = /fa-/;
+const unusedFontFamilyRegEx = /Font Awesome 5 Free/;
+const ununsedFontFilesRegExt = /(fa-|\.html$|\.css$)/;
+
+// Core provides font awesome fonts and utlities. React does not use these
+ast.stylesheet.rules = ast.stylesheet.rules.filter(rule => {
+  switch (rule.type) {
+    case 'rule':
+      return !rule.selectors.some(sel => unusedSelectorRegEx.test(sel));
+    case 'keyframes':
+      return !unusedKeyFramesRegEx.test(rule.name);
+    case 'charset':
+    case 'comment':
+      return false;
+    case 'font-face':
+      const fontFamilyDecl = rule.declarations.find(decl => decl.property === 'font-family');
+      return !unusedFontFamilyRegEx.test(fontFamilyDecl.value);
+    default:
+      return true;
+  }
+});
+
+copySync(join(pfDir, 'assets/images'), join(stylesDir, 'assets/images'));
+copySync(join(pfDir, 'assets/fonts'), join(stylesDir, 'assets/fonts'), {
+  filter(src) {
+    return !ununsedFontFilesRegExt.test(src);
+  }
+});
+writeFileSync(join(stylesDir, 'base.css'), stringifyCSS(ast));
diff --git a/packages/patternfly-4/react-inline-edit-extension/build/snapshot-serializer.js b/packages/patternfly-4/react-inline-edit-extension/build/snapshot-serializer.js
new file mode 100644
index 00000000000..0edb3cb5b4c
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/build/snapshot-serializer.js
@@ -0,0 +1,8 @@
+const fs = require('fs');
+const { createSerializer } = require('@patternfly/react-styles/snapshot-serializer');
+
+const pf4CSS = fs.readFileSync(require.resolve('@patternfly/patternfly/patternfly-base.css'), 'utf8');
+
+module.exports = createSerializer({
+  globalCSS: pf4CSS.match(/:root\W?\{(.|\n)*?\}/)[0]
+});
diff --git a/packages/patternfly-4/react-inline-edit-extension/package.json b/packages/patternfly-4/react-inline-edit-extension/package.json
new file mode 100644
index 00000000000..bb21fa5045d
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/package.json
@@ -0,0 +1,61 @@
+{
+  "name": "@patternfly/react-inline-edit-extension",
+  "version": "1.0.0",
+  "description": "This library provides inline editing support for PatternFly 4 React table",
+  "main": "dist/js/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/js/index.d.ts",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public",
+    "tag": "prerelease"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/patternfly/patternfly-react.git"
+  },
+  "keywords": [
+    "react",
+    "patternfly",
+    "table",
+    "reacttabular"
+  ],
+  "author": "Red Hat",
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/patternfly/patternfly-react/issues"
+  },
+  "homepage": "https://github.com/patternfly/patternfly-react/tree/master/packages/patternfly-4/",
+  "dependencies": {
+    "@patternfly/patternfly": "1.0.240",
+    "@patternfly/react-core": "^2.6.1",
+    "@patternfly/react-table": "^1.3.3",
+    "@patternfly/react-icons": "^3.3.1",
+    "@patternfly/react-styles": "^2.3.9",
+    "classnames": "^2.2.5",
+    "exenv": "^1.2.2",
+    "reactabular-table": "^8.14.0"
+  },
+  "peerDependencies": {
+    "prop-types": "^15.6.1",
+    "react": "^16.4.0",
+    "react-dom": "^15.6.2 || ^16.4.0"
+  },
+  "scripts": {
+    "build": "yarn build:babel && yarn build:ts",
+    "build:babel": "concurrently \"yarn build:babel:cjs\" \"yarn build:babel:esm\"",
+    "build:babel:cjs": "cross-env BABEL_ENV=production:cjs babel src --out-dir dist/js",
+    "build:babel:esm": "cross-env BABEL_ENV=production:esm babel src --out-dir dist/esm",
+    "build:ts": "node ./scripts/copyTS.js",
+    "postbuild": "node ./build/copyStyles.js"
+  },
+  "optionalDependencies": {
+    "@patternfly/react-tokens": "^2.0.2"
+  },
+  "devDependencies": {
+    "css": "^2.2.3",
+    "fs-extra": "^6.0.1",
+    "glob": "^7.1.2",
+    "npmlog": "^4.1.2"
+  }
+}
diff --git a/packages/patternfly-4/react-inline-edit-extension/scripts/copyTS.js b/packages/patternfly-4/react-inline-edit-extension/scripts/copyTS.js
new file mode 100644
index 00000000000..7f55c3a234a
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/scripts/copyTS.js
@@ -0,0 +1,17 @@
+const path = require('path');
+const glob = require('glob');
+const fse = require('fs-extra');
+const log = require('npmlog');
+
+const srcDir = path.join('./src');
+const distDir = path.join('./dist/js');
+
+const files = glob.sync('**/*.d.ts', {
+  cwd: srcDir
+});
+files.forEach(file => {
+  const from = path.join(srcDir, file);
+  const to = path.join(distDir, file);
+  log.info('copyTS', `${from} --> ${to}`);
+  fse.copySync(from, to);
+});
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/CancelButton.js b/packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/CancelButton.js
new file mode 100644
index 00000000000..8d0ea9c869d
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/CancelButton.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import { CloseIcon } from '@patternfly/react-icons';
+import { Button } from '@patternfly/react-core';
+
+const CancelButton = props => (
+  <Button {...props}>
+    <CloseIcon />
+  </Button>
+);
+
+CancelButton.propTypes = {
+  ...Button.propTypes
+};
+
+CancelButton.defaultProps = {
+  ...Button.defaultProps,
+  variant: 'plain'
+};
+
+export default CancelButton;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/CancelButton.test.js b/packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/CancelButton.test.js
new file mode 100644
index 00000000000..93336044229
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/CancelButton.test.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { CancelButton } from './index';
+
+test('it renders properly', () => {
+  const component = shallow(<CancelButton />);
+
+  expect(component).toMatchSnapshot();
+});
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/__snapshots__/CancelButton.test.js.snap b/packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/__snapshots__/CancelButton.test.js.snap
new file mode 100644
index 00000000000..95184fc1bc9
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/__snapshots__/CancelButton.test.js.snap
@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`it renders properly 1`] = `
+<Button
+  aria-label={null}
+  className=""
+  component="button"
+  isActive={false}
+  isBlock={false}
+  isDisabled={false}
+  isFocus={false}
+  isHover={false}
+  type="button"
+  variant="plain"
+>
+  <CloseIcon
+    color="currentColor"
+    size="sm"
+    title={null}
+  />
+</Button>
+`;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/index.js b/packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/index.js
new file mode 100644
index 00000000000..c4dc29a593a
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/CancelButton/index.js
@@ -0,0 +1 @@
+export { default as CancelButton } from './CancelButton';
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/ConfirmButton.js b/packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/ConfirmButton.js
new file mode 100644
index 00000000000..25be8e0353f
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/ConfirmButton.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import { CheckIcon } from '@patternfly/react-icons';
+import { Button } from '@patternfly/react-core';
+
+const ConfirmButton = props => (
+  <Button {...props}>
+    <CheckIcon />
+  </Button>
+);
+
+ConfirmButton.propTypes = {
+  ...Button.propTypes
+};
+
+ConfirmButton.defaultProps = {
+  ...Button.defaultProps,
+  variant: 'primary'
+};
+
+export default ConfirmButton;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/ConfirmButton.test.js b/packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/ConfirmButton.test.js
new file mode 100644
index 00000000000..2cd4b86d46e
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/ConfirmButton.test.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { ConfirmButton } from './index';
+
+test('it renders properly', () => {
+  const component = shallow(<ConfirmButton />);
+
+  expect(component).toMatchSnapshot();
+});
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/__snapshots__/ConfirmButton.test.js.snap b/packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/__snapshots__/ConfirmButton.test.js.snap
new file mode 100644
index 00000000000..c8d70e4c57a
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/__snapshots__/ConfirmButton.test.js.snap
@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`it renders properly 1`] = `
+<Button
+  aria-label={null}
+  className=""
+  component="button"
+  isActive={false}
+  isBlock={false}
+  isDisabled={false}
+  isFocus={false}
+  isHover={false}
+  type="button"
+  variant="primary"
+>
+  <CheckIcon
+    color="currentColor"
+    size="sm"
+    title={null}
+  />
+</Button>
+`;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/index.js b/packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/index.js
new file mode 100644
index 00000000000..4ccccc70087
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/ConfirmButton/index.js
@@ -0,0 +1 @@
+export { default as ConfirmButton } from './ConfirmButton';
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/ConfirmButtons.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/ConfirmButtons.js
new file mode 100644
index 00000000000..d7b1735c2c5
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/ConfirmButtons.js
@@ -0,0 +1,95 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from '@patternfly/react-styles';
+import { CancelButton } from '../CancelButton';
+import { ConfirmButton } from '../ConfirmButton';
+import { inlineEditCss, inlineEditStyles as styles } from './css/inline-edit-css';
+
+inlineEditCss.inject();
+
+const buttonsTopPosition = (window, rowDimensions, bold) => {
+  const boldShift = bold ? -1 : 0;
+  return {
+    bottom: window.height - rowDimensions.top - 1 + boldShift,
+    right: window.width - rowDimensions.right + 10
+  };
+};
+
+const buttonsBottomPosition = (window, rowDimensions, bold) => {
+  const boldShift = bold ? -1 : 0;
+  return {
+    top: rowDimensions.bottom + boldShift,
+    right: window.width - rowDimensions.right + 10
+  };
+};
+
+const ConfirmButtons = ({
+  messages: { confirmButtonLabel, cancelButtonLabel },
+  onConfirm,
+  onCancel,
+  environment,
+  buttonsOnTop,
+  boldBorder
+}) => {
+  if (environment == null) {
+    return null;
+  }
+  const { window, row } = environment;
+
+  const positionStyle = buttonsOnTop
+    ? buttonsTopPosition(window, row, boldBorder)
+    : buttonsBottomPosition(window, row, boldBorder);
+
+  const className = css(
+    styles.tableInlineEditButtons,
+    buttonsOnTop ? styles.modifiers.top : styles.modifiers.bottom,
+    boldBorder && styles.modifiers.bold
+  );
+
+  return (
+    <div style={positionStyle} className={className} key="confirmButtons">
+      <ConfirmButton key="confirm" aria-label={confirmButtonLabel} onMouseUp={onConfirm} />
+      <CancelButton key="cancel" aria-label={cancelButtonLabel} onMouseUp={onCancel} />
+    </div>
+  );
+};
+
+ConfirmButtons.defaultProps = {
+  onConfirm: () => undefined,
+  onCancel: () => undefined,
+  buttonsOnTop: false,
+  boldBorder: false,
+  environment: undefined,
+  messages: {
+    confirmButtonLabel: 'Save',
+    cancelButtonLabel: 'Cancel'
+  }
+};
+
+ConfirmButtons.propTypes = {
+  /** Confirm edit callback */
+  onConfirm: PropTypes.func,
+  /** Cancel edit callback */
+  onCancel: PropTypes.func,
+  /** Inject confirm buttons positions */
+  environment: PropTypes.shape({
+    window: PropTypes.shape({
+      width: PropTypes.number,
+      height: PropTypes.number
+    }),
+    row: PropTypes.shape({
+      top: PropTypes.number,
+      bottom: PropTypes.number,
+      left: PropTypes.number,
+      right: PropTypes.number
+    })
+  }),
+  buttonsOnTop: PropTypes.bool,
+  boldBorder: PropTypes.bool,
+  messages: PropTypes.shape({
+    confirmButtonLabel: PropTypes.string,
+    cancelButtonLabel: PropTypes.string
+  })
+};
+
+export default ConfirmButtons;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.docs.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.docs.js
new file mode 100644
index 00000000000..9d90d7ad94b
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.docs.js
@@ -0,0 +1,11 @@
+import EditableTable from './examples/EditableTable';
+import EditableTableColumn from './examples/EditableTableColumn';
+
+export default {
+  title: 'Inline Editing Table',
+  components: {},
+  examples: [
+    { component: EditableTable, title: 'Editable table With Inline Edit Row' },
+    { component: EditableTableColumn, title: 'Editable Table With Inline Edit Columns' }
+  ]
+};
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.d.ts
new file mode 100644
index 00000000000..d0bdde25616
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.d.ts
@@ -0,0 +1,6 @@
+export const TableEditConfirmation: {
+  NONE: 'NONE',
+  ROW: 'ROW',
+  TABLE_TOP: 'TABLE_TOP',
+  TABLE_BOTTOM: 'TABLE_BOTTOM'
+};
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.js
new file mode 100644
index 00000000000..ffdc47e0286
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.js
@@ -0,0 +1,6 @@
+export const TableEditConfirmation = {
+  NONE: 'NONE',
+  ROW: 'ROW',
+  TABLE_TOP: 'TABLE_TOP',
+  TABLE_BOTTOM: 'TABLE_BOTTOM'
+};
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/css/inline-edit-css.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/css/inline-edit-css.js
new file mode 100644
index 00000000000..ca6bb9711db
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/css/inline-edit-css.js
@@ -0,0 +1,88 @@
+import { StyleSheet } from '@patternfly/react-styles';
+
+const pfColorBlue50 = '#def3ff';
+const pfColorBlue200 = '#7dc3e8';
+
+export const inlineEditCss = StyleSheet.parse(`
+  .pf-c-table__editable-row {    
+    border: 1px solid transparent;
+    
+    &:hover,
+    &.pf-m-editing {
+      td {
+        background: ${pfColorBlue50};
+        border-top: 1px solid ${pfColorBlue200} !important;
+        border-bottom: 1px solid ${pfColorBlue200} !important;
+  
+        &:first-child {
+          border-left: 1px solid ${pfColorBlue200} !important;
+        }
+  
+        &:last-child {
+          border-right: 1px solid ${pfColorBlue200} !important;
+        }
+      }
+    }
+  
+    &.pf-m-table-editing-first-row {
+      border-top: 3px solid ${pfColorBlue200} !important;
+    }
+  
+    &.pf-m-table-editing-last-row {
+      border-bottom: 3px solid ${pfColorBlue200} !important;
+    }
+  
+    input {
+      display: block;
+      background: var(--pf-global--BackgroundColor--100);
+      border: 1px solid var(--pf-global--BorderColor);
+  
+      &:hover {
+        cursor: text;
+      }
+    }
+  }
+  
+  .pf-c-table__inline-edit-buttons {
+    position: fixed;
+    z-index: 1000;
+    padding: 4px;
+    margin: 0;
+    background: ${pfColorBlue50};
+    border: 1px solid ${pfColorBlue200};
+  
+    &.pf-m-top {
+      border-bottom: 0;
+    }
+  
+    &.pf-m-bottom {
+      border-top: 0;
+    }
+  
+    &.pf-m-bold {
+      border-width: 3px;
+    }
+  
+    button {
+      margin-left: 4px;
+  
+      &:first-child {
+        margin-left: 0;
+      }
+    }
+  }
+
+`);
+
+export const inlineEditStyles = {
+  tableEditableRow: 'pf-c-table__editable-row',
+  tableInlineEditButtons: 'pf-c-table__inline-edit-buttons',
+  modifiers: {
+    tableEditingFirstRow: 'pf-m-table-editing-first-row ',
+    tableEditingLastRow: 'pf-m-table-editing-last-row',
+    editing: 'pf-m-editing',
+    top: 'pf-m-top',
+    bottom: 'pf-m-bottom',
+    bold: 'pf-m-bold'
+  }
+};
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.d.ts
new file mode 100644
index 00000000000..85d3f9ebe42
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.d.ts
@@ -0,0 +1,22 @@
+import { Component, FunctionComponent } from 'react';
+import { RowWrapper, RowWrapperRow } from '@patternfly/react-table';
+
+import { EditConfig } from './editableTableBody'
+
+export interface EditableRowWrapperRow extends RowWrapperRow {
+  isEditing: boolean;
+  isTableEditing: boolean;
+  isLast: boolean;
+  isFirst: boolean;
+  editConfig: EditConfig;
+}
+
+export interface EditableRowWrapperProps extends RowWrapper {
+  row: EditableRowWrapperRow;
+}
+
+export interface EditableRowWrapper {
+  (bodyComponent: Component): FunctionComponent<EditableRowWrapperProps>;
+}
+
+export default EditableRowWrapper;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.js
new file mode 100644
index 00000000000..5e522937273
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.js
@@ -0,0 +1,220 @@
+import React from 'react';
+import { createPortal } from 'react-dom';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { css } from '@patternfly/react-styles';
+import { RowWrapper as ReactTableRowWrapper } from '@patternfly/react-table';
+import {
+  combineFunctions,
+  shallowLeftSideEquals,
+  getBoundingClientRect,
+  getClientWindowDimensions
+} from './utils/utils';
+import ConfirmButtons from './ConfirmButtons';
+import { TableEditConfirmation } from './constants';
+import { inlineEditCss, inlineEditStyles as styles } from './css/inline-edit-css';
+
+inlineEditCss.inject();
+
+const propTypes = {
+  ...ReactTableRowWrapper.propTypes,
+  trRef: PropTypes.func,
+  className: PropTypes.string,
+  onScroll: PropTypes.func,
+  onResize: PropTypes.func,
+  row: PropTypes.shape({
+    isOpen: PropTypes.bool,
+    isExpanded: PropTypes.bool,
+    isEditing: PropTypes.bool,
+    isTableEditing: PropTypes.bool,
+    isLast: PropTypes.bool,
+    isFirst: PropTypes.bool,
+    editConfig: PropTypes.object
+  }),
+  rowProps: PropTypes.object
+};
+
+const defaultProps = {
+  ...ReactTableRowWrapper.defaultProps,
+  trRef: undefined,
+  className: '',
+  onScroll: undefined,
+  onResize: undefined,
+  row: {
+    isOpen: undefined,
+    isExpanded: undefined,
+    isEditing: undefined,
+    isTableEditing: undefined,
+    isLast: undefined,
+    isFirst: undefined,
+    editConfig: undefined
+  },
+  rowProps: null
+};
+
+const tableConfirmationMapper = {
+  [TableEditConfirmation.TABLE_TOP]: {
+    hasConfirmationButtons: ({ isTableEditing, isFirst }) => isTableEditing && isFirst,
+    isTableConfirmation: () => true,
+    areButtonsOnTop: () => true,
+    hasBoldBorder: () => true,
+    getEditStyles: ({ isTableEditing, isFirst }) =>
+      css(styles.tableEditableRow, isTableEditing && isFirst && styles.modifiers.tableEditingFirstRow)
+  },
+  [TableEditConfirmation.TABLE_BOTTOM]: {
+    hasConfirmationButtons: ({ isTableEditing, isLast }) => isTableEditing && isLast,
+    isTableConfirmation: () => true,
+    areButtonsOnTop: () => false,
+    hasBoldBorder: () => true,
+    getEditStyles: ({ isTableEditing, isLast }) =>
+      css(styles.tableEditableRow, isTableEditing && isLast && styles.modifiers.tableEditingLastRow)
+  },
+  [TableEditConfirmation.ROW]: {
+    hasConfirmationButtons: ({ isEditing }) => isEditing,
+    isTableConfirmation: () => false,
+    areButtonsOnTop: ({ isLast }) => isLast,
+    hasBoldBorder: () => false,
+    getEditStyles: ({ isEditing }) => css(styles.tableEditableRow, isEditing && styles.modifiers.editing)
+  },
+  [TableEditConfirmation.NONE]: {
+    hasConfirmationButtons: () => false,
+    isTableConfirmation: () => false,
+    areButtonsOnTop: () => false,
+    hasBoldBorder: () => false,
+    getEditStyles: () => css(styles.tableEditableRow)
+  }
+};
+
+const getTableConfirmation = ({ editConfig }) =>
+  tableConfirmationMapper[editConfig && editConfig.editConfirmationType] ||
+  tableConfirmationMapper[TableEditConfirmation.NONE];
+
+const editableRowWrapper = RowWrapperComponent => {
+  class RowWrapper extends React.Component {
+    constructor(props) {
+      super(props);
+      this.state = {
+        rowDimensions: {},
+        window: {},
+        ...RowWrapper.getDerivedStateFromProps(props)
+      };
+    }
+
+    static getDerivedStateFromProps = (props, state) => ({
+      hasConfirmationButtons: getTableConfirmation(props.row).hasConfirmationButtons(props.row)
+    });
+
+    setStateWith2dEquals = newState => {
+      this.setState(
+        oldState =>
+          Object.keys(newState).find(key => !shallowLeftSideEquals(newState[key], oldState[key])) ? newState : null
+      );
+    };
+
+    componentDidMount() {
+      if (this.state.hasConfirmationButtons) {
+        this.fetchClientDimensions();
+      }
+    }
+
+    saveRowDimensions = element => {
+      if (element) {
+        this.element = element;
+        this.tableElem = element.closest('table');
+      }
+      this.updateRowDimensions();
+    };
+
+    updateRowDimensions = () => {
+      if (this.element) {
+        this.setStateWith2dEquals({
+          rowDimensions: getBoundingClientRect(this.element)
+        });
+      }
+    };
+
+    handleScroll = event => {
+      this.updateRowDimensions();
+    };
+
+    handleResize = event => {
+      this.fetchClientDimensions();
+      this.updateRowDimensions();
+    };
+
+    fetchClientDimensions() {
+      this.setStateWith2dEquals({
+        window: getClientWindowDimensions()
+      });
+    }
+
+    getConfirmationButtons() {
+      const { row, rowProps, ...props } = this.props;
+      const { isLast, editConfig } = row;
+
+      if (!editConfig) {
+        return null;
+      }
+      const { onEditConfirmed, onEditCanceled } = editConfig;
+      const tableConfirmation = getTableConfirmation(row);
+
+      let confirmButtons;
+      if (this.element && this.state.rowDimensions) {
+        const options = tableConfirmation.isTableConfirmation() ? {} : rowProps;
+        const actionObject = tableConfirmation.isTableConfirmation() ? null : row;
+        confirmButtons = createPortal(
+          <ConfirmButtons
+            {...props}
+            onConfirm={event => onEditConfirmed(event, actionObject, options)}
+            onCancel={event => onEditCanceled(event, actionObject, options)}
+            buttonsOnTop={tableConfirmation.areButtonsOnTop({ isLast })}
+            boldBorder={tableConfirmation.hasBoldBorder()}
+            environment={{
+              window: this.state.window,
+              row: getBoundingClientRect(this.element)
+            }}
+          />,
+          this.tableElem ? this.tableElem.parentNode : document.body
+        );
+      }
+      return confirmButtons;
+    }
+
+    render() {
+      const {
+        trRef,
+        className,
+        onScroll,
+        onResize,
+        row: { isFirst, isLast, isEditing, isTableEditing, editConfig }
+      } = this.props;
+      const { hasConfirmationButtons } = this.state;
+      const trClassName = getTableConfirmation({ editConfig }).getEditStyles({
+        isEditing,
+        isTableEditing,
+        isFirst,
+        isLast
+      });
+
+      return (
+        <React.Fragment>
+          <RowWrapperComponent
+            {...this.props}
+            trRef={combineFunctions(this.saveRowDimensions, trRef)}
+            className={classNames(trClassName, className)}
+            onScroll={combineFunctions(hasConfirmationButtons && this.handleScroll, onScroll)}
+            onResize={combineFunctions(hasConfirmationButtons && this.handleResize, onResize)}
+          />
+          {hasConfirmationButtons && this.getConfirmationButtons()}
+        </React.Fragment>
+      );
+    }
+  }
+
+  RowWrapper.propTypes = propTypes;
+  RowWrapper.defaultProps = defaultProps;
+
+  return RowWrapper;
+};
+
+export default editableRowWrapper;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.d.ts
new file mode 100644
index 00000000000..dddc74eb5d4
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.d.ts
@@ -0,0 +1,36 @@
+import { Component, FunctionComponent, MouseEvent } from 'react';
+import { TableBodyProps } from '@patternfly/react-table';
+import { OneOf } from '@patternfly/react-core';
+
+import { TableEditConfirmation } from './constants'
+
+
+export interface RowData {
+}
+
+export interface RowProps {
+  rowIndex: number;
+  rowKey: string;
+}
+
+export interface RowExtraProps extends RowProps {
+  columnIndex: number;
+}
+
+export interface EditConfig {
+  editConfirmationType?: OneOf<typeof TableEditConfirmation, keyof typeof TableEditConfirmation>;
+  onEditCellChanged?(value: MouseEvent, row: RowData, extra: RowExtraProps): void;
+  onEditConfirmed?(value: MouseEvent, row: RowData, rowProps: RowProps): void;
+  onEditCanceled?(value: MouseEvent, row: RowData, rowProps: RowProps): void;
+}
+
+export interface InlineEditBodyProps extends TableBodyProps {
+  editConfig: EditConfig;
+}
+
+
+export interface EditableTableBody {
+  (bodyComponent: Component): FunctionComponent<InlineEditBodyProps>;
+}
+
+export default EditableTableBody;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.js
new file mode 100644
index 00000000000..cc67feaa99c
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.js
@@ -0,0 +1,99 @@
+import React from 'react';
+import { TableContext, TableBody } from '@patternfly/react-table';
+
+import PropTypes from 'prop-types';
+import { TableEditConfirmation } from './constants';
+
+const propTypes = {
+  ...TableBody.propTypes,
+  editConfig: PropTypes.shape({
+    editConfirmationType: PropTypes.oneOf(Object.values(TableEditConfirmation)),
+    onEditCellChanged: PropTypes.func,
+    onEditConfirmed: PropTypes.func,
+    onEditCanceled: PropTypes.func
+  }).isRequired,
+  /** Function that is fired when user clicks on a row if not editing.  */
+  onRowClick: PropTypes.func
+};
+
+const defaultProps = {
+  ...TableBody.defaultProps,
+  editConfig: null,
+  onRowClick: () => undefined
+};
+
+const onRow = (event, row, rowProps, computedData, { onRowClick, editConfig }) => {
+  const cell = event.target.closest('[data-key]');
+  const cellNumber = parseInt(cell && cell.getAttribute('data-key'));
+  const hasCellNumber = !Number.isNaN(cellNumber);
+
+  let onEditCellChanged;
+  let targetsAlreadyEditedCell = false;
+
+  if (hasCellNumber && editConfig && typeof editConfig.onEditCellChanged === 'function') {
+    targetsAlreadyEditedCell = cellNumber === row.activeEditCell;
+    onEditCellChanged = () => {
+      editConfig.onEditCellChanged(event, row, {
+        ...rowProps,
+        columnIndex: cellNumber
+      });
+    };
+  }
+
+  // give priority to fire onChange/onBlur callbacks
+
+  setTimeout(() => {
+    if (!row.isEditing) {
+      onRowClick(event, row, rowProps, computedData);
+      if (onEditCellChanged) {
+        // edit cell after rerender
+        setTimeout(onEditCellChanged, 0);
+      }
+    } else if (onEditCellChanged && !targetsAlreadyEditedCell) {
+      onEditCellChanged();
+    }
+  }, 0);
+};
+
+const Body = ({ BodyComponent, rows, editConfig, onRowClick, ...props }) => {
+  const isTableEditing = rows.some(row => row.isEditing);
+  const mappedRows = rows.map(row => ({
+    ...row,
+    editConfig,
+    isTableEditing
+  }));
+
+  return (
+    <BodyComponent
+      {...props}
+      rows={mappedRows}
+      onRowClick={(event, row, rowProps, computedData) =>
+        onRow(event, row, rowProps, computedData, { onRowClick, editConfig })
+      }
+    />
+  );
+};
+
+const editableTableBody = BodyComponent => {
+  const InlineEditBody = ({ editConfig, onRowClick, ...props }) => (
+    <TableContext.Consumer>
+      {({ rows, ...consumedProps }) => (
+        <Body
+          {...consumedProps}
+          rows={rows}
+          {...props}
+          editConfig={editConfig}
+          onRowClick={onRowClick}
+          BodyComponent={BodyComponent}
+        />
+      )}
+    </TableContext.Consumer>
+  );
+
+  InlineEditBody.propTypes = propTypes;
+  InlineEditBody.defaultProps = defaultProps;
+
+  return InlineEditBody;
+};
+
+export default editableTableBody;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTable.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTable.js
new file mode 100644
index 00000000000..efbe7be7d1b
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTable.js
@@ -0,0 +1,264 @@
+import React from 'react';
+import { Table, TableHeader, TableBody, RowWrapper } from '@patternfly/react-table';
+import {
+  editableTableBody,
+  editableRowWrapper,
+  inlineEditFormatterFactory,
+  TableEditConfirmation,
+  TableTextInput
+} from '@patternfly/react-inline-edit-extension';
+import { Dropdown, DropdownToggle, DropdownItem, Checkbox } from '@patternfly/react-core';
+
+class EditableTable extends React.Component {
+  constructor(props) {
+    super(props);
+
+    // text input
+    const textInputFormatter = inlineEditFormatterFactory({
+      renderEdit: (value, { columnIndex, rowIndex }, { autoFocus }) => (
+        <TableTextInput
+          id={`repositories-${rowIndex}-${columnIndex}`}
+          defaultValue={value}
+          onBlur={newValue => this.onChange(newValue, { rowIndex, columnIndex })}
+          autoFocus={autoFocus}
+        />
+      )
+    });
+
+    // dropdown
+    const workspacesFormatter = inlineEditFormatterFactory({
+      resolveValue: (value, { rowData }) => rowData.data.workspace,
+      renderEdit: (workspace, { column, rowData, columnIndex, rowIndex }) => {
+        const dropdownItems = column.data.dropdownItems.map(item => <DropdownItem key={item}>{item}</DropdownItem>);
+        return (
+          <Dropdown
+            id={`workspaces-${rowIndex}-${columnIndex}`}
+            onSelect={event =>
+              this.onWorkspaceChange({ selected: event.target.text, isDropdownOpen: false }, { rowIndex, columnIndex })
+            }
+            toggle={
+              <DropdownToggle
+                onToggle={() =>
+                  this.onWorkspaceChange({ isDropdownOpen: !workspace.isDropdownOpen }, { rowIndex, columnIndex })
+                }
+              >
+                {workspace.selected}
+              </DropdownToggle>
+            }
+            isOpen={workspace.isDropdownOpen}
+            dropdownItems={dropdownItems}
+          />
+        );
+      },
+      renderValue: workspace => workspace.selected
+    });
+
+    // checkbox
+    const privateRepoFormatter = inlineEditFormatterFactory({
+      resolveValue: (value, { rowData }) => rowData.data.privateRepo,
+      renderEdit: (privateRepo, { columnIndex, rowIndex }) => (
+        <Checkbox
+          id={`privaterepo-${rowIndex}-${columnIndex}`}
+          isChecked={privateRepo}
+          onChange={value => this.onPrivateRepoChange(value, { rowIndex, columnIndex })}
+          aria-label="checkbox"
+        />
+      ),
+      renderValue: (privateRepo, { columnIndex, rowIndex }) => (
+        <Checkbox
+          id={`privaterepo-${rowIndex}-${columnIndex}`}
+          isChecked={privateRepo}
+          isDisabled
+          aria-label="checkbox"
+        />
+      )
+    });
+
+    this.state = {
+      columns: [
+        {
+          title: 'Repositories',
+          cellFormatters: [textInputFormatter]
+        },
+        {
+          title: 'Branches',
+          cellFormatters: [(value, { rowData }) => rowData.data.branches[rowData.data.branches.length - 1]]
+        },
+        'Pull requests',
+        {
+          title: 'Workspaces',
+          cellFormatters: [workspacesFormatter],
+          data: {
+            dropdownItems: ['Green', 'Purple', 'Orange', 'Grey']
+          }
+        },
+        {
+          title: 'Last Commit',
+          cellFormatters: [textInputFormatter]
+        },
+        {
+          title: 'Private',
+          cellFormatters: [privateRepoFormatter]
+        }
+      ],
+      rows: [
+        {
+          cells: ['one', null, 7, null, 'five', null],
+          data: {
+            branches: ['master'],
+            workspace: {
+              selected: 'Green',
+              isDropdownOpen: false
+            },
+            privateRepo: false
+          }
+          // isEditing: true,
+          // activeEditCell: 3
+        },
+        {
+          cells: ['', null, 0, null, '', null],
+          data: {
+            branches: ['master', 'v0.7.0', 'v1.0.0'],
+            workspace: {
+              selected: 'Grey',
+              isDropdownOpen: false
+            },
+            privateRepo: false
+          }
+        },
+        {
+          cells: ['p', null, 0, null, '', null],
+          data: {
+            branches: ['master', 'v0.7.0'],
+            workspace: {
+              selected: 'Orange',
+              isDropdownOpen: false
+            },
+            privateRepo: true
+          }
+        }
+      ],
+      editedRowBackup: null,
+      activeEditId: null
+    };
+  }
+
+  onPrivateRepoChange = (value, { rowIndex }) => {
+    this.setState(({ rows }) => {
+      const row = rows[rowIndex];
+      row.data.privateRepo = value;
+      return { rows };
+    });
+  };
+
+  onWorkspaceChange = (value, { rowIndex }) => {
+    this.setState(({ rows }) => {
+      const row = rows[rowIndex];
+      row.data.workspace = Object.assign({}, row.data.workspace, value);
+      return { rows };
+    });
+  };
+
+  onChange = (value, { rowIndex, columnIndex }) => {
+    this.setState(({ rows }) => {
+      rows = [...rows];
+      const row = rows[rowIndex];
+      row.cells[columnIndex] = value;
+      row.activeEditCell = null; // stop autoFocus
+      return { rows };
+    });
+  };
+
+  onEditCellChanged = (event, clickedRow, { rowIndex, columnIndex }) => {
+    const WORKSPACE_COL = 3;
+    const PRIVATE_REPO_COL = 5;
+
+    if (clickedRow.isEditing) {
+      this.setState(({ rows }) => ({
+        rows: rows.map((row, id) => {
+          row.activeEditCell = id === rowIndex ? columnIndex : null;
+          row.data.workspace.isDropdownOpen = id === rowIndex && columnIndex === WORKSPACE_COL;
+          if (id === rowIndex && columnIndex === PRIVATE_REPO_COL) {
+            row.data.privateRepo = !row.data.privateRepo;
+          }
+          return row;
+        })
+      }));
+    }
+  };
+
+  onEditActionClick = (event, rowId) => {
+    this.setState(
+      ({ rows, editedRowBackup }) =>
+        !editedRowBackup && {
+          editedRowBackup: JSON.parse(JSON.stringify(rows[rowId])), // clone
+          rows: rows.map((row, id) => {
+            row.isEditing = id === rowId;
+            return row;
+          })
+        }
+    );
+  };
+
+  onEditConfirmed = (event, clickedRow, { rowIndex }) => {
+    this.setState(({ rows }) => {
+      rows = [...rows];
+      rows[rowIndex].isEditing = false;
+      return {
+        rows,
+        editedRowBackup: null,
+        activeEditCell: null
+      };
+    });
+  };
+
+  onEditCanceled = (event, clickedRow, { rowIndex }) => {
+    this.setState(({ rows, editedRowBackup }) => {
+      rows = [...rows];
+      rows[rowIndex] = editedRowBackup;
+      return {
+        rows,
+        editedRowBackup: null,
+        activeEditCell: null
+      };
+    });
+  };
+
+  actionResolver = rowData =>
+    rowData.isTableEditing
+      ? null
+      : [
+          {
+            title: 'Edit',
+            onClick: this.onEditActionClick
+          }
+        ];
+
+  render() {
+    const { columns, rows } = this.state;
+    const editConfig = {
+      onEditCellChanged: this.onEditCellChanged,
+      editConfirmationType: TableEditConfirmation.ROW,
+      onEditConfirmed: this.onEditConfirmed,
+      onEditCanceled: this.onEditCanceled
+    };
+
+    const ComposedBody = editableTableBody(TableBody);
+    const ComposedRowWrapper = editableRowWrapper(RowWrapper);
+
+    return (
+      <Table
+        caption="Editable Table"
+        cells={columns}
+        rows={rows}
+        rowWrapper={ComposedRowWrapper}
+        actionResolver={this.actionResolver}
+      >
+        <TableHeader />
+        <ComposedBody editConfig={editConfig} />
+      </Table>
+    );
+  }
+}
+
+export default EditableTable;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTableColumn.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTableColumn.js
new file mode 100644
index 00000000000..537f5c6a1e8
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTableColumn.js
@@ -0,0 +1,143 @@
+/* eslint-disable react/no-unused-state */
+import React from 'react';
+import { Table, TableHeader, TableBody, RowWrapper } from '@patternfly/react-table';
+import {
+  editableTableBody,
+  editableRowWrapper,
+  inlineEditFormatterFactory,
+  TableEditConfirmation,
+  TableTextInput
+} from '@patternfly/react-inline-edit-extension';
+
+class EditableTableColumn extends React.Component {
+  constructor(props) {
+    super(props);
+
+    // text input
+    const inlineEditingFormatter = inlineEditFormatterFactory({
+      renderEdit: (value, { columnIndex, rowIndex }, { autoFocus }) => (
+        <TableTextInput
+          id={`repositories-${rowIndex}-${columnIndex}`}
+          defaultValue={value}
+          onBlur={newValue => this.onBlur(newValue, { rowIndex, columnIndex })}
+          autoFocus={autoFocus}
+        />
+      ),
+      renderValue: (value, { rowData }) => (rowData.isTableEditing ? `${value} (Not Editable)` : value),
+      isEditable: ({ rowIndex }) => rowIndex !== 1
+    });
+
+    this.state = {
+      columns: [
+        {
+          title: 'Repositories',
+          cellFormatters: [inlineEditingFormatter]
+        },
+        {
+          title: 'Branches',
+          cellFormatters: [inlineEditingFormatter]
+        },
+        'Pull requests',
+        'Workspaces',
+        {
+          title: 'Last Commit',
+          cellFormatters: [inlineEditingFormatter]
+        }
+      ],
+      rows: [
+        {
+          cells: ['one', 'two', 7, 'four', 'five']
+        },
+        {
+          cells: ['a', 'two', 0, 'four', 'five']
+        },
+        {
+          cells: ['p', 'two', 0, 'four', 'five']
+        },
+        {
+          cells: ['a', 'two', 5, 'four', 'five']
+        }
+      ],
+      rowsBackup: null
+    };
+  }
+
+  onBlur = (value, { rowIndex, columnIndex }) => {
+    this.setState(({ rows }) => {
+      rows = [...rows];
+      const row = rows[rowIndex];
+      row.cells[columnIndex] = value;
+      row.activeEditCell = null; // stop autoFocus
+      return { rows };
+    });
+  };
+
+  onEditCellChanged = (event, clickedRow, { rowIndex, columnIndex }) => {
+    this.setState(({ rows }) => ({
+      rows: rows.map((row, id) => {
+        row.activeEditCell = id === rowIndex ? columnIndex : null;
+        return row;
+      })
+    }));
+  };
+
+  setEditing = (rows, isEditing) =>
+    rows.map(row => {
+      row.isEditing = isEditing;
+      if (!isEditing) {
+        row.activeEditCell = null;
+      }
+      return row;
+    });
+
+  onRowClick = () => {
+    this.setState(
+      ({ rows, rowsBackup }) =>
+        !rowsBackup && {
+          rowsBackup: JSON.parse(JSON.stringify(rows)), // clone
+          rows: this.setEditing(rows, true)
+        }
+    );
+  };
+
+  onEditConfirmed = () => {
+    this.setState(({ rows }) => ({
+      rows: this.setEditing(rows, false),
+      rowsBackup: null
+    }));
+  };
+
+  onEditCanceled = () => {
+    this.setState(({ rows, rowsBackup }) => ({
+      rows: rowsBackup,
+      rowsBackup: null
+    }));
+  };
+
+  render() {
+    const { columns, rows } = this.state;
+    const editConfig = {
+      editConfirmationType: TableEditConfirmation.TABLE_BOTTOM,
+      onEditCellChanged: this.onEditCellChanged,
+      onEditConfirmed: this.onEditConfirmed,
+      onEditCanceled: this.onEditCanceled
+    };
+
+    const ComposedBody = editableTableBody(TableBody);
+    const ComposedRawWrapper = editableRowWrapper(RowWrapper);
+
+    return (
+      <Table
+        caption="Editable Table With Inline Edit Columns"
+        cells={columns}
+        rows={rows}
+        rowWrapper={ComposedRawWrapper}
+      >
+        <TableHeader />
+        <ComposedBody editConfig={editConfig} onRowClick={this.onRowClick} />
+      </Table>
+    );
+  }
+}
+
+export default EditableTableColumn;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/index.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/index.d.ts
new file mode 100644
index 00000000000..8573c91203c
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/index.d.ts
@@ -0,0 +1,21 @@
+export {
+  TableEditConfirmation
+} from './constants';
+
+export * from './utils';
+export {
+  default as editableTableBody,
+  EditableTableBody,
+  InlineEditBodyProps,
+  EditConfig,
+  RowProps,
+  RowExtraProps,
+  RowData
+} from  './editableTableBody'
+
+export {
+  default as editableRowWrapper,
+  EditableRowWrapper,
+  EditableRowWrapperProps,
+  EditableRowWrapperRow
+} from  './editableRowWrapper'
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/index.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/index.js
new file mode 100644
index 00000000000..22cf35095f6
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/index.js
@@ -0,0 +1,4 @@
+export { TableEditConfirmation } from './constants';
+export { inlineEditFormatterFactory } from './utils';
+export { default as editableTableBody } from './editableTableBody';
+export { default as editableRowWrapper } from './editableRowWrapper';
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters.js
new file mode 100644
index 00000000000..6129309cae6
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters.js
@@ -0,0 +1 @@
+export { default as inlineEditFormatterFactory } from './formatters/inlineEditFormatterFactory';
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/index.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/index.d.ts
new file mode 100644
index 00000000000..102d7711d7e
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/index.d.ts
@@ -0,0 +1,8 @@
+export {
+  default as inlineEditFormatterFactory,
+  InlineEditFormatterFactory,
+  InlineEditFormatterFactoryProps,
+  AdditionalData,
+  Formatter,
+  FormatterExtra
+} from './inlineEditFormatterFactory';
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.d.ts
new file mode 100644
index 00000000000..16b8d94581d
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.d.ts
@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+
+export interface AdditionalData {
+  columnIndex: number;
+  rowIndex: number;
+  column: Object;
+  rowData: Object;
+  rowKey: string;
+}
+
+export interface FormatterExtra {
+  autoFocus: boolean;
+}
+
+export interface Formatter {
+  (value: ReactNode, additionalData: AdditionalData): ReactNode;
+}
+
+export interface InlineEditFormatterFactoryProps {
+  isEditable?(additionalData: AdditionalData): boolean;
+  renderValue?: Formatter;
+  resolveValue?(value: ReactNode, additionalData: AdditionalData): ReactNode;
+  renderEdit?(value: ReactNode, additionalData: AdditionalData, extra: FormatterExtra): ReactNode;
+}
+
+export interface InlineEditFormatterFactory {
+  (props: InlineEditFormatterFactoryProps): Formatter;
+}
+
+export default InlineEditFormatterFactory;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.js
new file mode 100644
index 00000000000..371450f9f91
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.js
@@ -0,0 +1,22 @@
+const inlineEditFormatterFactory = ({ renderEdit, renderValue, resolveValue, isEditable = null } = {}) => (
+  value,
+  additionalData
+) => {
+  const { rowData, columnIndex } = additionalData;
+
+  if (resolveValue) {
+    value = resolveValue(value, additionalData);
+  }
+
+  if (renderEdit && rowData.isEditing && (!isEditable || isEditable(additionalData))) {
+    return renderEdit(value, additionalData, {
+      autoFocus: rowData.activeEditCell === columnIndex
+    });
+  } else if (renderValue) {
+    return renderValue(value, additionalData);
+  }
+
+  return value;
+};
+
+export default inlineEditFormatterFactory;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.test.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.test.js
new file mode 100644
index 00000000000..11cec46cd67
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.test.js
@@ -0,0 +1,54 @@
+import { default as inlineEditFormatterFactory } from './inlineEditFormatterFactory';
+
+const blue = 'blue';
+const alteredValue = 'violet';
+
+const buildAdditionalData = (data, isEditing = true, activeCell = 3) => ({
+  columnIndex: activeCell,
+  rowData: {
+    isEditing,
+    activeEditCell: activeCell,
+    data
+  }
+});
+
+describe('inlineEditFormatterFactory', () => {
+  test('renders default value', () => {
+    const additionalData = buildAdditionalData(alteredValue);
+
+    expect(inlineEditFormatterFactory()(blue, additionalData)).toBe(blue);
+  });
+
+  test('renders resolved value', () => {
+    const additionalData = buildAdditionalData(alteredValue);
+
+    expect(
+      inlineEditFormatterFactory({
+        resolveValue: (value, { rowData }) => rowData.data
+      })(blue, additionalData)
+    ).toBe(alteredValue);
+  });
+
+  test('renders resolved and render value', () => {
+    const additionalData = buildAdditionalData(alteredValue, false);
+
+    expect(
+      inlineEditFormatterFactory({
+        resolveValue: (value, { rowData }) => rowData.data,
+        renderValue: value => `ultra ${value}`,
+        renderEdit: value => `violent ${value}`
+      })(blue, additionalData)
+    ).toBe(`ultra ${alteredValue}`);
+  });
+
+  test('renders resolved and render edit value', () => {
+    const additionalData = buildAdditionalData(alteredValue);
+
+    expect(
+      inlineEditFormatterFactory({
+        resolveValue: (value, { rowData }) => rowData.data,
+        renderEdit: value => `ultra ${value}`
+      })(blue, additionalData)
+    ).toBe(`ultra ${alteredValue}`);
+  });
+});
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/index.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/index.d.ts
new file mode 100644
index 00000000000..ad4ce58d7f7
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/index.d.ts
@@ -0,0 +1 @@
+export * from './formatters';
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/index.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/index.js
new file mode 100644
index 00000000000..3df838ed640
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/index.js
@@ -0,0 +1,2 @@
+export * from './formatters';
+export * from './utils';
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/utils.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/utils.js
new file mode 100644
index 00000000000..83cbd39f80c
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/utils.js
@@ -0,0 +1,28 @@
+export const combineFunctions = (...functions) => {
+  const realFunctions = functions.filter(f => typeof f === 'function');
+
+  if (realFunctions.length === 1) {
+    return realFunctions[0];
+  }
+
+  if (realFunctions.length > 1) {
+    return (...params) => {
+      realFunctions.forEach(f => f(...params));
+    };
+  }
+
+  return undefined;
+};
+
+export const shallowLeftSideEquals = (newObject, oldObject) =>
+  !Object.keys(newObject).find(key => newObject[key] !== oldObject[key]);
+
+export const getBoundingClientRect = element => {
+  const { top, right, bottom, left, width, height, x, y } = element.getBoundingClientRect();
+  return { top, right, bottom, left, width, height, x, y };
+};
+
+export const getClientWindowDimensions = () => {
+  const { clientWidth, clientHeight } = document.documentElement;
+  return { width: clientWidth, height: clientHeight };
+};
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.d.ts
new file mode 100644
index 00000000000..5dff6d378cf
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.d.ts
@@ -0,0 +1,12 @@
+import { SFC, FormEvent } from 'react';
+import { TextInputProps, Omit } from '@patternfly/react-core';
+
+export interface TableTextInputProps extends Omit<TextInputProps, 'defaultValue' | 'autoFocus' |  'onBlur'> {
+  defaultValue?: string;
+  autoFocus?: boolean;
+  onBlur?(value: string, event: FormEvent<HTMLInputElement>): void;
+}
+
+declare const TableTextInput: SFC<TableTextInputProps>;
+
+export default TableTextInput;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.docs.js b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.docs.js
new file mode 100644
index 00000000000..e17470841c8
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.docs.js
@@ -0,0 +1,10 @@
+import { TableTextInput } from '@patternfly/react-inline-edit-extension';
+import SimpleTableTextInput from './examples/SimpleTableTextInput';
+
+export default {
+  title: 'TableTextInput',
+  components: {
+    TableTextInput
+  },
+  examples: [{ component: SimpleTableTextInput, title: 'Simple TableTextInput' }]
+};
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.js b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.js
new file mode 100644
index 00000000000..b0ffeb81f0e
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.js
@@ -0,0 +1,51 @@
+import React from 'react';
+import { TextInput } from '@patternfly/react-core';
+import PropTypes from 'prop-types';
+
+const textInputProptypes = { ...TextInput.propTypes };
+const textInputDefaultProptypes = { ...TextInput.defaultProps };
+[textInputProptypes, textInputDefaultProptypes].forEach(types => {
+  ['value', 'onChange'].forEach(value => {
+    delete types[value];
+  });
+});
+
+const propTypes = {
+  ...textInputProptypes,
+  defaultValue: PropTypes.string,
+  onBlur: PropTypes.func,
+  autoFocus: PropTypes.bool
+};
+
+const defaultProps = {
+  ...textInputDefaultProptypes,
+  defaultValue: null,
+  onBlur: null,
+  autoFocus: false
+};
+
+class TableTextInput extends React.Component {
+  handleBlur = event => {
+    this.props.onBlur(event.currentTarget.value, event);
+  };
+
+  render() {
+    const { defaultValue, onBlur, autoFocus, value, onChange, ...textInputProps } = this.props;
+    return (
+      <React.Fragment>
+        <TextInput
+          {...textInputProps}
+          value={undefined}
+          defaultValue={defaultValue}
+          onBlur={this.handleBlur}
+          autoFocus={autoFocus}
+        />
+      </React.Fragment>
+    );
+  }
+}
+
+TableTextInput.propTypes = propTypes;
+TableTextInput.defaultProps = defaultProps;
+
+export default TableTextInput;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.test.js b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.test.js
new file mode 100644
index 00000000000..40850c59566
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/TableTextInput.test.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import TableTextInput from './TableTextInput';
+
+const props = {
+  defaultValue: 'test',
+  autoFocus: true,
+  onBlur: jest.fn()
+};
+
+test('simple table text input', () => {
+  const view = shallow(<TableTextInput aria-label="simple text input" />);
+  expect(view).toMatchSnapshot();
+});
+
+test('focused table text input', () => {
+  const view = shallow(<TableTextInput {...props} aria-label="focused text input" />);
+  expect(view).toMatchSnapshot();
+});
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/__snapshots__/TableTextInput.test.js.snap b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/__snapshots__/TableTextInput.test.js.snap
new file mode 100644
index 00000000000..c8825af6b08
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/__snapshots__/TableTextInput.test.js.snap
@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`focused table text input 1`] = `
+<Fragment>
+  <TextInput
+    aria-label="focused text input"
+    autoFocus={true}
+    className=""
+    defaultValue="test"
+    isDisabled={false}
+    isReadOnly={false}
+    isRequired={false}
+    isValid={true}
+    onBlur={[Function]}
+    onChange={[Function]}
+    type="text"
+  />
+</Fragment>
+`;
+
+exports[`simple table text input 1`] = `
+<Fragment>
+  <TextInput
+    aria-label="simple text input"
+    autoFocus={false}
+    className=""
+    defaultValue={null}
+    isDisabled={false}
+    isReadOnly={false}
+    isRequired={false}
+    isValid={true}
+    onBlur={[Function]}
+    onChange={[Function]}
+    type="text"
+  />
+</Fragment>
+`;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/examples/SimpleTableTextInput.js b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/examples/SimpleTableTextInput.js
new file mode 100644
index 00000000000..d8e76d28cc3
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/examples/SimpleTableTextInput.js
@@ -0,0 +1,22 @@
+import React from 'react';
+import { TableTextInput } from '@patternfly/react-inline-edit-extension';
+
+class SimpleTableTextInput extends React.Component {
+  state = {
+    value: ''
+  };
+
+  handleTextInputChange = value => {
+    this.setState({ value });
+  };
+
+  render() {
+    const { value } = this.state;
+
+    return (
+      <TableTextInput defaultValue={value} type="text" onBlur={this.handleTextInputChange} aria-label="text input example" />
+    );
+  }
+}
+
+export default SimpleTableTextInput;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/index.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/index.d.ts
new file mode 100644
index 00000000000..5d54cba1787
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/index.d.ts
@@ -0,0 +1,4 @@
+export {
+  default as TableTextInput,
+  TableTextInputProps
+} from './TableTextInput';
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/index.js b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/index.js
new file mode 100644
index 00000000000..eab02a44ac5
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/TableTextInput/index.js
@@ -0,0 +1 @@
+export { default as TableTextInput } from './TableTextInput';
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/index.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/components/index.d.ts
new file mode 100644
index 00000000000..61799229f7b
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/index.d.ts
@@ -0,0 +1,2 @@
+export * from './InlineEdit';
+export * from './TableTextInput';
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/index.js b/packages/patternfly-4/react-inline-edit-extension/src/components/index.js
new file mode 100644
index 00000000000..61799229f7b
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/index.js
@@ -0,0 +1,2 @@
+export * from './InlineEdit';
+export * from './TableTextInput';
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/index.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/index.d.ts
new file mode 100644
index 00000000000..07635cbbc8e
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/index.d.ts
@@ -0,0 +1 @@
+export * from './components';
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/index.js b/packages/patternfly-4/react-inline-edit-extension/src/index.js
new file mode 100644
index 00000000000..07635cbbc8e
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/index.js
@@ -0,0 +1 @@
+export * from './components';
diff --git a/packages/patternfly-4/react-table/src/components/Table/Body.js b/packages/patternfly-4/react-table/src/components/Table/Body.js
index 1df97d8d593..cdfe7f74d2f 100644
--- a/packages/patternfly-4/react-table/src/components/Table/Body.js
+++ b/packages/patternfly-4/react-table/src/components/Table/Body.js
@@ -20,15 +20,17 @@ const defaultProps = {
 };
 
 class ContextBody extends React.Component {
-  onRow = (row, props) => {
+  onRow = (row, rowProps) => {
     const { onRowClick } = this.props;
     return {
-      isExpanded: row.isExpanded,
-      isOpen: row.isOpen,
-      onClick: event => {
-        if (event.target.tagName !== 'INPUT' && event.target.tagName !== 'BUTTON') {
-          onRowClick(event, row, props);
-        }
+      row,
+      rowProps,
+      onMouseDown: event => {
+        const computedData = {
+          isInput: event.target.tagName !== 'INPUT',
+          isButton: event.target.tagName !== 'BUTTON'
+        };
+        onRowClick(event, row, rowProps, computedData);
       }
     };
   };
@@ -74,7 +76,9 @@ class ContextBody extends React.Component {
       rows.map((oneRow, oneRowKey) => ({
         ...oneRow,
         ...this.mapCells(headerData, oneRow, oneRowKey),
-        isExpanded: isRowExpanded(oneRow, rows)
+        isExpanded: isRowExpanded(oneRow, rows),
+        isFirst: oneRowKey === 0,
+        isLast: oneRowKey === rows.length - 1
       }));
 
     return (
@@ -96,7 +100,7 @@ class ContextBody extends React.Component {
 
 const TableBody = props => (
   <TableContext.Consumer>
-    {({ headerData, rows }) => <ContextBody {...props} headerData={headerData} rows={rows} />}
+    {({ headerData, rows }) => <ContextBody headerData={headerData} rows={rows} {...props} />}
   </TableContext.Consumer>
 );
 
diff --git a/packages/patternfly-4/react-table/src/components/Table/RowWrapper.d.ts b/packages/patternfly-4/react-table/src/components/Table/RowWrapper.d.ts
new file mode 100644
index 00000000000..f0b070b1e55
--- /dev/null
+++ b/packages/patternfly-4/react-table/src/components/Table/RowWrapper.d.ts
@@ -0,0 +1,16 @@
+import { UIEventHandler } from 'react';
+
+export interface RowWrapperRow {
+  isOpen: Boolean;
+  isExpanded: Boolean;
+}
+
+export interface RowWrapper {
+  trRef?: Function;
+  onScroll?: UIEventHandler;
+  onResize?: UIEventHandler;
+  row?: RowWrapperRow;
+  rowProps?: Object;
+}
+
+export default RowWrapper;
diff --git a/packages/patternfly-4/react-table/src/components/Table/RowWrapper.js b/packages/patternfly-4/react-table/src/components/Table/RowWrapper.js
index fb26feb314b..6cbd20df65a 100644
--- a/packages/patternfly-4/react-table/src/components/Table/RowWrapper.js
+++ b/packages/patternfly-4/react-table/src/components/Table/RowWrapper.js
@@ -1,24 +1,103 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { debounce } from '@patternfly/react-core';
 import styles from '@patternfly/patternfly/components/Table/table.css';
 import { css } from '@patternfly/react-styles';
 
-const RowWrapper = ({ isOpen, isExpanded, ...props }) => (
-  <tr
-    {...props}
-    className={css(isExpanded !== undefined && styles.tableExpandableRow, isExpanded && styles.modifiers.expanded)}
-    hidden={isExpanded !== undefined && !isExpanded}
-  />
-);
+class RowWrapper extends React.Component {
+  constructor(props) {
+    super(props);
+
+    if (props.onScroll) {
+      this.handleScroll = debounce(this.handleScroll, 100);
+    }
+    if (props.onResize) {
+      this.handleResize = debounce(this.handleResize, 100);
+    }
+  }
+
+  componentDidMount() {
+    this._unmounted = false;
+
+    if (this.props.onScroll) {
+      window.addEventListener('scroll', this.handleScroll);
+    }
+    if (this.props.onResize) {
+      window.addEventListener('resize', this.handleResize);
+    }
+  }
+
+  componentWillUnmount() {
+    this._unmounted = true;
+
+    if (this.props.onScroll) {
+      window.removeEventListener('scroll', this.handleScroll);
+    }
+    if (this.props.onResize) {
+      window.removeEventListener('resize', this.handleResize);
+    }
+  }
+
+  handleScroll = event => {
+    if (!this._unmounted) {
+      this.props.onScroll(event);
+    }
+  };
+
+  handleResize = event => {
+    if (!this._unmounted) {
+      this.props.onResize(event);
+    }
+  };
+
+  render() {
+    const {
+      trRef,
+      className,
+      onScroll,
+      onResize,
+      row: { isExpanded },
+      rowProps,
+      ...props
+    } = this.props;
+
+    return (
+      <tr
+        {...props}
+        ref={trRef}
+        className={css(
+          className,
+          isExpanded !== undefined && styles.tableExpandableRow,
+          isExpanded && styles.modifiers.expanded
+        )}
+        hidden={isExpanded !== undefined && !isExpanded}
+      />
+    );
+  }
+}
 
 RowWrapper.propTypes = {
-  isOpen: PropTypes.bool,
-  isExpanded: PropTypes.bool
+  trRef: PropTypes.func,
+  className: PropTypes.string,
+  onScroll: PropTypes.func,
+  onResize: PropTypes.func,
+  row: PropTypes.shape({
+    isOpen: PropTypes.bool,
+    isExpanded: PropTypes.bool
+  }),
+  rowProps: PropTypes.object
 };
 
 RowWrapper.defaultProps = {
-  isOpen: undefined,
-  isExpanded: undefined
+  trRef: undefined,
+  className: '',
+  onScroll: undefined,
+  onResize: undefined,
+  row: {
+    isOpen: undefined,
+    isExpanded: undefined
+  },
+  rowProps: null
 };
 
 export default RowWrapper;
diff --git a/packages/patternfly-4/react-table/src/components/Table/Table.js b/packages/patternfly-4/react-table/src/components/Table/Table.js
index ba41eb1bea2..3a1a4d58cd4 100644
--- a/packages/patternfly-4/react-table/src/components/Table/Table.js
+++ b/packages/patternfly-4/react-table/src/components/Table/Table.js
@@ -51,8 +51,12 @@ const propTypes = {
   ),
   /** Function should resolve an array of actions for each row in the same format as actions. */
   actionResolver: PropTypes.func,
-  /** Function should resolve if action is disabled for each row */
+  /** Function should resolve if action kebap is disabled for each row */
   areActionsDisabled: PropTypes.func,
+  /** Override to the default BodyWrapper renderer */
+  bodyWrapper: PropTypes.func,
+  /** Override to the default RowWrapper renderer */
+  rowWrapper: PropTypes.func,
   /** Actual rows to display in table. Either array of strings or row objects. <br/>
    * If you want to use components in row cells you can pass them as title prop in cells definition. <br/>
    * <pre>Ex: rows:[
@@ -188,6 +192,8 @@ class Table extends React.Component {
       variant,
       rows,
       cells,
+      bodyWrapper,
+      rowWrapper,
       ...props
     } = this.props;
 
@@ -220,8 +226,8 @@ class Table extends React.Component {
           {...props}
           renderers={{
             body: {
-              wrapper: BodyWrapper,
-              row: RowWrapper,
+              wrapper: bodyWrapper || BodyWrapper,
+              row: rowWrapper || RowWrapper,
               cell: BodyCell
             },
             header: {
diff --git a/packages/patternfly-4/react-table/src/components/Table/__snapshots__/Table.test.js.snap b/packages/patternfly-4/react-table/src/components/Table/__snapshots__/Table.test.js.snap
index d1e102a80b7..ca00452d4f8 100644
--- a/packages/patternfly-4/react-table/src/components/Table/__snapshots__/Table.test.js.snap
+++ b/packages/patternfly-4/react-table/src/components/Table/__snapshots__/Table.test.js.snap
@@ -463,6 +463,7 @@ exports[`Actions table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": [Function],
             "actions": undefined,
@@ -503,6 +504,7 @@ exports[`Actions table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": [Function],
             "actions": undefined,
@@ -542,6 +544,7 @@ exports[`Actions table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": [Function],
             "actions": undefined,
@@ -581,6 +584,7 @@ exports[`Actions table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": [Function],
             "actions": undefined,
@@ -620,6 +624,7 @@ exports[`Actions table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": [Function],
             "actions": undefined,
@@ -660,6 +665,7 @@ exports[`Actions table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": [Function],
             "actions": undefined,
@@ -745,6 +751,7 @@ exports[`Actions table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": [Function],
                         "actions": undefined,
@@ -785,6 +792,7 @@ exports[`Actions table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": [Function],
                         "actions": undefined,
@@ -824,6 +832,7 @@ exports[`Actions table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": [Function],
                         "actions": undefined,
@@ -863,6 +872,7 @@ exports[`Actions table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": [Function],
                         "actions": undefined,
@@ -902,6 +912,7 @@ exports[`Actions table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": [Function],
                         "actions": undefined,
@@ -942,6 +953,7 @@ exports[`Actions table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": [Function],
                         "actions": undefined,
@@ -1128,6 +1140,7 @@ exports[`Actions table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": [Function],
                   "actions": undefined,
@@ -1168,6 +1181,7 @@ exports[`Actions table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": [Function],
                   "actions": undefined,
@@ -1207,6 +1221,7 @@ exports[`Actions table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": [Function],
                   "actions": undefined,
@@ -1246,6 +1261,7 @@ exports[`Actions table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": [Function],
                   "actions": undefined,
@@ -1285,6 +1301,7 @@ exports[`Actions table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": [Function],
                   "actions": undefined,
@@ -1325,6 +1342,7 @@ exports[`Actions table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": [Function],
                   "actions": undefined,
@@ -1472,6 +1490,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1513,6 +1533,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1554,6 +1576,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1595,6 +1619,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1636,6 +1662,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1677,6 +1705,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1718,6 +1748,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1759,6 +1791,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1800,6 +1834,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1847,6 +1883,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1888,6 +1926,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1929,6 +1969,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1970,6 +2012,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -2011,6 +2055,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -2052,6 +2098,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -2093,6 +2141,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -2134,6 +2184,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -2175,6 +2227,8 @@ exports[`Actions table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -2223,6 +2277,8 @@ exports[`Actions table 1`] = `
                     },
                     "id": 0,
                     "isExpanded": undefined,
+                    "isFirst": true,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2264,6 +2320,8 @@ exports[`Actions table 1`] = `
                     },
                     "id": 1,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2305,6 +2363,8 @@ exports[`Actions table 1`] = `
                     },
                     "id": 2,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2346,6 +2406,8 @@ exports[`Actions table 1`] = `
                     },
                     "id": 3,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2387,6 +2449,8 @@ exports[`Actions table 1`] = `
                     },
                     "id": 4,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2428,6 +2492,8 @@ exports[`Actions table 1`] = `
                     },
                     "id": 5,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2469,6 +2535,8 @@ exports[`Actions table 1`] = `
                     },
                     "id": 6,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2510,6 +2578,8 @@ exports[`Actions table 1`] = `
                     },
                     "id": 7,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2551,6 +2621,8 @@ exports[`Actions table 1`] = `
                     },
                     "id": 8,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2590,6 +2662,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -2630,6 +2703,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -2669,6 +2743,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -2708,6 +2783,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -2747,6 +2823,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -2787,6 +2864,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -2852,6 +2930,8 @@ exports[`Actions table 1`] = `
                       },
                       "id": 0,
                       "isExpanded": undefined,
+                      "isFirst": true,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -2876,12 +2956,64 @@ exports[`Actions table 1`] = `
                   rowKey="0-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 0,
+                        "rowKey": "0-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -2980,6 +3112,7 @@ exports[`Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": [Function],
                                     "actions": undefined,
@@ -3061,6 +3194,8 @@ exports[`Actions table 1`] = `
                                 },
                                 "id": 0,
                                 "isExpanded": undefined,
+                                "isFirst": true,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -3247,6 +3382,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -3287,6 +3423,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -3326,6 +3463,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -3365,6 +3503,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -3404,6 +3543,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -3444,6 +3584,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -3509,6 +3650,8 @@ exports[`Actions table 1`] = `
                       },
                       "id": 1,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -3533,12 +3676,64 @@ exports[`Actions table 1`] = `
                   rowKey="1-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 1,
+                        "rowKey": "1-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -3637,6 +3832,7 @@ exports[`Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": [Function],
                                     "actions": undefined,
@@ -3718,6 +3914,8 @@ exports[`Actions table 1`] = `
                                 },
                                 "id": 1,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -3904,6 +4102,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -3944,6 +4143,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -3983,6 +4183,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -4022,6 +4223,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -4061,6 +4263,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -4101,6 +4304,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -4166,6 +4370,8 @@ exports[`Actions table 1`] = `
                       },
                       "id": 2,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -4190,12 +4396,64 @@ exports[`Actions table 1`] = `
                   rowKey="2-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 2,
+                        "rowKey": "2-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -4294,6 +4552,7 @@ exports[`Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": [Function],
                                     "actions": undefined,
@@ -4375,6 +4634,8 @@ exports[`Actions table 1`] = `
                                 },
                                 "id": 2,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -4561,6 +4822,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -4601,6 +4863,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -4640,6 +4903,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -4679,6 +4943,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -4718,6 +4983,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -4758,6 +5024,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -4823,6 +5090,8 @@ exports[`Actions table 1`] = `
                       },
                       "id": 3,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -4847,12 +5116,64 @@ exports[`Actions table 1`] = `
                   rowKey="3-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 3,
+                        "rowKey": "3-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -4951,6 +5272,7 @@ exports[`Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": [Function],
                                     "actions": undefined,
@@ -5032,6 +5354,8 @@ exports[`Actions table 1`] = `
                                 },
                                 "id": 3,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -5218,6 +5542,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -5258,6 +5583,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -5297,6 +5623,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -5336,6 +5663,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -5375,6 +5703,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -5415,6 +5744,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -5480,6 +5810,8 @@ exports[`Actions table 1`] = `
                       },
                       "id": 4,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -5504,12 +5836,64 @@ exports[`Actions table 1`] = `
                   rowKey="4-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 4,
+                        "rowKey": "4-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -5608,6 +5992,7 @@ exports[`Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": [Function],
                                     "actions": undefined,
@@ -5689,6 +6074,8 @@ exports[`Actions table 1`] = `
                                 },
                                 "id": 4,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -5875,6 +6262,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -5915,6 +6303,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -5954,6 +6343,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -5993,6 +6383,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -6032,6 +6423,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -6072,6 +6464,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -6137,6 +6530,8 @@ exports[`Actions table 1`] = `
                       },
                       "id": 5,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -6161,12 +6556,64 @@ exports[`Actions table 1`] = `
                   rowKey="5-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 5,
+                        "rowKey": "5-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -6265,6 +6712,7 @@ exports[`Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": [Function],
                                     "actions": undefined,
@@ -6346,6 +6794,8 @@ exports[`Actions table 1`] = `
                                 },
                                 "id": 5,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -6532,6 +6982,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -6572,6 +7023,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -6611,6 +7063,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -6650,6 +7103,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -6689,6 +7143,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -6729,6 +7184,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -6794,6 +7250,8 @@ exports[`Actions table 1`] = `
                       },
                       "id": 6,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -6818,12 +7276,64 @@ exports[`Actions table 1`] = `
                   rowKey="6-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 6,
+                        "rowKey": "6-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -6922,6 +7432,7 @@ exports[`Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": [Function],
                                     "actions": undefined,
@@ -7003,6 +7514,8 @@ exports[`Actions table 1`] = `
                                 },
                                 "id": 6,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -7189,6 +7702,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -7229,6 +7743,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -7268,6 +7783,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -7307,6 +7823,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -7346,6 +7863,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -7386,6 +7904,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -7451,6 +7970,8 @@ exports[`Actions table 1`] = `
                       },
                       "id": 7,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -7475,12 +7996,64 @@ exports[`Actions table 1`] = `
                   rowKey="7-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 7,
+                        "rowKey": "7-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -7579,6 +8152,7 @@ exports[`Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": [Function],
                                     "actions": undefined,
@@ -7660,6 +8234,8 @@ exports[`Actions table 1`] = `
                                 },
                                 "id": 7,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -7846,6 +8422,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -7886,6 +8463,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -7925,6 +8503,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -7964,6 +8543,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -8003,6 +8583,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -8043,6 +8624,7 @@ exports[`Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": [Function],
                           "actions": undefined,
@@ -8108,6 +8690,8 @@ exports[`Actions table 1`] = `
                       },
                       "id": 8,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -8132,12 +8716,64 @@ exports[`Actions table 1`] = `
                   rowKey="8-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 8,
+                        "rowKey": "8-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -8236,6 +8872,7 @@ exports[`Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": [Function],
                                     "actions": undefined,
@@ -8317,6 +8954,8 @@ exports[`Actions table 1`] = `
                                 },
                                 "id": 8,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": true,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -8687,6 +9326,7 @@ exports[`Cell header table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -8727,6 +9367,7 @@ exports[`Cell header table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -8766,6 +9407,7 @@ exports[`Cell header table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -8805,6 +9447,7 @@ exports[`Cell header table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -8844,6 +9487,7 @@ exports[`Cell header table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -8929,6 +9573,7 @@ exports[`Cell header table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -8969,6 +9614,7 @@ exports[`Cell header table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -9008,6 +9654,7 @@ exports[`Cell header table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -9047,6 +9694,7 @@ exports[`Cell header table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -9086,6 +9734,7 @@ exports[`Cell header table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -9261,6 +9910,7 @@ exports[`Cell header table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -9301,6 +9951,7 @@ exports[`Cell header table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -9340,6 +9991,7 @@ exports[`Cell header table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -9379,6 +10031,7 @@ exports[`Cell header table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -9418,6 +10071,7 @@ exports[`Cell header table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -9564,6 +10218,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -9605,6 +10261,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -9646,6 +10304,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -9687,6 +10347,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -9728,6 +10390,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -9769,6 +10433,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -9810,6 +10476,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -9851,6 +10519,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -9892,6 +10562,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -9939,6 +10611,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -9980,6 +10654,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10021,6 +10697,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10062,6 +10740,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10103,6 +10783,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10144,6 +10826,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10185,6 +10869,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10226,6 +10912,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10267,6 +10955,8 @@ exports[`Cell header table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10315,6 +11005,8 @@ exports[`Cell header table 1`] = `
                     },
                     "id": 0,
                     "isExpanded": undefined,
+                    "isFirst": true,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -10356,6 +11048,8 @@ exports[`Cell header table 1`] = `
                     },
                     "id": 1,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -10397,6 +11091,8 @@ exports[`Cell header table 1`] = `
                     },
                     "id": 2,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -10438,6 +11134,8 @@ exports[`Cell header table 1`] = `
                     },
                     "id": 3,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -10479,6 +11177,8 @@ exports[`Cell header table 1`] = `
                     },
                     "id": 4,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -10520,6 +11220,8 @@ exports[`Cell header table 1`] = `
                     },
                     "id": 5,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -10561,6 +11263,8 @@ exports[`Cell header table 1`] = `
                     },
                     "id": 6,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -10602,6 +11306,8 @@ exports[`Cell header table 1`] = `
                     },
                     "id": 7,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -10643,6 +11349,8 @@ exports[`Cell header table 1`] = `
                     },
                     "id": 8,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -10683,6 +11391,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -10723,6 +11432,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -10762,6 +11472,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -10801,6 +11512,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -10840,6 +11552,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -10904,6 +11617,8 @@ exports[`Cell header table 1`] = `
                       },
                       "id": 0,
                       "isExpanded": undefined,
+                      "isFirst": true,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -10928,12 +11643,64 @@ exports[`Cell header table 1`] = `
                   rowKey="0-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 0,
+                        "rowKey": "0-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -11021,6 +11788,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -11061,6 +11829,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -11100,6 +11869,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -11139,6 +11909,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -11178,6 +11949,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -11242,6 +12014,8 @@ exports[`Cell header table 1`] = `
                       },
                       "id": 1,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -11266,12 +12040,64 @@ exports[`Cell header table 1`] = `
                   rowKey="1-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 1,
+                        "rowKey": "1-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -11359,6 +12185,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -11399,6 +12226,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -11438,6 +12266,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -11477,6 +12306,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -11516,6 +12346,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -11580,6 +12411,8 @@ exports[`Cell header table 1`] = `
                       },
                       "id": 2,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -11604,12 +12437,64 @@ exports[`Cell header table 1`] = `
                   rowKey="2-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 2,
+                        "rowKey": "2-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -11697,6 +12582,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -11737,6 +12623,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -11776,6 +12663,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -11815,6 +12703,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -11854,6 +12743,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -11918,6 +12808,8 @@ exports[`Cell header table 1`] = `
                       },
                       "id": 3,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -11942,12 +12834,64 @@ exports[`Cell header table 1`] = `
                   rowKey="3-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 3,
+                        "rowKey": "3-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -12035,6 +12979,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -12075,6 +13020,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -12114,6 +13060,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -12153,6 +13100,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -12192,6 +13140,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -12256,6 +13205,8 @@ exports[`Cell header table 1`] = `
                       },
                       "id": 4,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -12280,12 +13231,64 @@ exports[`Cell header table 1`] = `
                   rowKey="4-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 4,
+                        "rowKey": "4-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -12373,6 +13376,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -12413,6 +13417,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -12452,6 +13457,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -12491,6 +13497,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -12530,6 +13537,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -12594,6 +13602,8 @@ exports[`Cell header table 1`] = `
                       },
                       "id": 5,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -12618,12 +13628,64 @@ exports[`Cell header table 1`] = `
                   rowKey="5-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 5,
+                        "rowKey": "5-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -12711,6 +13773,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -12751,6 +13814,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -12790,6 +13854,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -12829,6 +13894,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -12868,6 +13934,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -12932,6 +13999,8 @@ exports[`Cell header table 1`] = `
                       },
                       "id": 6,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -12956,12 +14025,64 @@ exports[`Cell header table 1`] = `
                   rowKey="6-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 6,
+                        "rowKey": "6-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -13049,6 +14170,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -13089,6 +14211,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -13128,6 +14251,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -13167,6 +14291,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -13206,6 +14331,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -13270,6 +14396,8 @@ exports[`Cell header table 1`] = `
                       },
                       "id": 7,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -13294,12 +14422,64 @@ exports[`Cell header table 1`] = `
                   rowKey="7-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 7,
+                        "rowKey": "7-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -13387,6 +14567,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -13427,6 +14608,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -13466,6 +14648,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -13505,6 +14688,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -13544,6 +14728,7 @@ exports[`Cell header table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -13608,6 +14793,8 @@ exports[`Cell header table 1`] = `
                       },
                       "id": 8,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -13632,12 +14819,64 @@ exports[`Cell header table 1`] = `
                   rowKey="8-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 8,
+                        "rowKey": "8-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -14067,6 +15306,7 @@ exports[`Collapsible nested table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -14111,6 +15351,7 @@ exports[`Collapsible nested table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -14152,6 +15393,7 @@ exports[`Collapsible nested table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -14192,6 +15434,7 @@ exports[`Collapsible nested table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -14232,6 +15475,7 @@ exports[`Collapsible nested table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -14272,6 +15516,7 @@ exports[`Collapsible nested table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -14357,6 +15602,7 @@ exports[`Collapsible nested table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -14401,6 +15647,7 @@ exports[`Collapsible nested table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -14442,6 +15689,7 @@ exports[`Collapsible nested table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -14482,6 +15730,7 @@ exports[`Collapsible nested table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -14522,6 +15771,7 @@ exports[`Collapsible nested table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -14562,6 +15812,7 @@ exports[`Collapsible nested table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -14748,6 +15999,7 @@ exports[`Collapsible nested table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -14792,6 +16044,7 @@ exports[`Collapsible nested table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -14833,6 +16086,7 @@ exports[`Collapsible nested table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -14873,6 +16127,7 @@ exports[`Collapsible nested table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -14913,6 +16168,7 @@ exports[`Collapsible nested table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -14953,6 +16209,7 @@ exports[`Collapsible nested table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -15105,6 +16362,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -15147,6 +16406,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -15190,6 +16451,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -15232,6 +16495,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -15274,6 +16539,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -15316,6 +16583,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -15357,6 +16626,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -15398,6 +16669,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -15439,6 +16712,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -15486,6 +16761,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -15528,6 +16805,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -15571,6 +16850,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -15613,6 +16894,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -15655,6 +16938,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -15697,6 +16982,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -15738,6 +17025,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -15779,6 +17068,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -15820,6 +17111,8 @@ exports[`Collapsible nested table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -15868,6 +17161,8 @@ exports[`Collapsible nested table 1`] = `
                     },
                     "id": 0,
                     "isExpanded": undefined,
+                    "isFirst": true,
+                    "isLast": false,
                     "isOpen": false,
                     "last-commit": Object {
                       "props": Object {
@@ -15910,6 +17205,8 @@ exports[`Collapsible nested table 1`] = `
                     },
                     "id": 1,
                     "isExpanded": false,
+                    "isFirst": false,
+                    "isLast": false,
                     "isOpen": true,
                     "last-commit": Object {
                       "props": Object {
@@ -15953,6 +17250,8 @@ exports[`Collapsible nested table 1`] = `
                     },
                     "id": 2,
                     "isExpanded": false,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -15995,6 +17294,8 @@ exports[`Collapsible nested table 1`] = `
                     },
                     "id": 3,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "isOpen": false,
                     "last-commit": Object {
                       "props": Object {
@@ -16037,6 +17338,8 @@ exports[`Collapsible nested table 1`] = `
                     },
                     "id": 4,
                     "isExpanded": false,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -16079,6 +17382,8 @@ exports[`Collapsible nested table 1`] = `
                     },
                     "id": 5,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -16120,6 +17425,8 @@ exports[`Collapsible nested table 1`] = `
                     },
                     "id": 6,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -16161,6 +17468,8 @@ exports[`Collapsible nested table 1`] = `
                     },
                     "id": 7,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -16202,6 +17511,8 @@ exports[`Collapsible nested table 1`] = `
                     },
                     "id": 8,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -16243,6 +17554,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -16287,6 +17599,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -16328,6 +17641,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -16368,6 +17682,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -16408,6 +17723,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -16448,6 +17764,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -16512,6 +17829,8 @@ exports[`Collapsible nested table 1`] = `
                       },
                       "id": 0,
                       "isExpanded": undefined,
+                      "isFirst": true,
+                      "isLast": false,
                       "isOpen": false,
                       "last-commit": Object {
                         "props": Object {
@@ -16537,13 +17856,65 @@ exports[`Collapsible nested table 1`] = `
                   rowKey="0-row"
                 >
                   <RowWrapper
-                    isOpen={false}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isLast": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 0,
+                        "rowKey": "0-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -16707,6 +18078,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -16751,6 +18123,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -16792,6 +18165,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -16832,6 +18206,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -16872,6 +18247,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -16912,6 +18288,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -16976,6 +18353,8 @@ exports[`Collapsible nested table 1`] = `
                       },
                       "id": 1,
                       "isExpanded": false,
+                      "isFirst": false,
+                      "isLast": false,
                       "isOpen": true,
                       "last-commit": Object {
                         "props": Object {
@@ -17002,14 +18381,66 @@ exports[`Collapsible nested table 1`] = `
                   rowKey="1-row"
                 >
                   <RowWrapper
-                    isExpanded={false}
-                    isOpen={true}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isLast": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 1,
+                        "rowKey": "1-row",
+                      }
+                    }
                   >
                     <tr
                       className="pf-c-table__expandable-row"
                       hidden={true}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -17160,6 +18591,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -17204,6 +18636,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -17245,6 +18678,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -17285,6 +18719,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -17325,6 +18760,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -17365,6 +18801,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -17429,6 +18866,8 @@ exports[`Collapsible nested table 1`] = `
                       },
                       "id": 2,
                       "isExpanded": false,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -17454,13 +18893,65 @@ exports[`Collapsible nested table 1`] = `
                   rowKey="2-row"
                 >
                   <RowWrapper
-                    isExpanded={false}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 2,
+                        "rowKey": "2-row",
+                      }
+                    }
                   >
                     <tr
                       className="pf-c-table__expandable-row"
                       hidden={true}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -17560,6 +19051,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -17604,6 +19096,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -17645,6 +19138,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -17685,6 +19179,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -17725,6 +19220,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -17765,6 +19261,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -17829,6 +19326,8 @@ exports[`Collapsible nested table 1`] = `
                       },
                       "id": 3,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "isOpen": false,
                       "last-commit": Object {
                         "props": Object {
@@ -17854,13 +19353,65 @@ exports[`Collapsible nested table 1`] = `
                   rowKey="3-row"
                 >
                   <RowWrapper
-                    isOpen={false}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 3,
+                        "rowKey": "3-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -18024,6 +19575,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -18068,6 +19620,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -18109,6 +19662,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -18149,6 +19703,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -18189,6 +19744,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -18229,6 +19785,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -18293,6 +19850,8 @@ exports[`Collapsible nested table 1`] = `
                       },
                       "id": 4,
                       "isExpanded": false,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -18318,13 +19877,65 @@ exports[`Collapsible nested table 1`] = `
                   rowKey="4-row"
                 >
                   <RowWrapper
-                    isExpanded={false}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 4,
+                        "rowKey": "4-row",
+                      }
+                    }
                   >
                     <tr
                       className="pf-c-table__expandable-row"
                       hidden={true}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -18424,6 +20035,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -18468,6 +20080,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -18509,6 +20122,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -18549,6 +20163,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -18589,6 +20204,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -18629,6 +20245,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -18693,6 +20310,8 @@ exports[`Collapsible nested table 1`] = `
                       },
                       "id": 5,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -18717,12 +20336,64 @@ exports[`Collapsible nested table 1`] = `
                   rowKey="5-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 5,
+                        "rowKey": "5-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -18835,6 +20506,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -18879,6 +20551,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -18920,6 +20593,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -18960,6 +20634,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -19000,6 +20675,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -19040,6 +20716,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -19104,6 +20781,8 @@ exports[`Collapsible nested table 1`] = `
                       },
                       "id": 6,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -19128,12 +20807,64 @@ exports[`Collapsible nested table 1`] = `
                   rowKey="6-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 6,
+                        "rowKey": "6-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -19246,6 +20977,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -19290,6 +21022,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -19331,6 +21064,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -19371,6 +21105,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -19411,6 +21146,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -19451,6 +21187,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -19515,6 +21252,8 @@ exports[`Collapsible nested table 1`] = `
                       },
                       "id": 7,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -19539,12 +21278,64 @@ exports[`Collapsible nested table 1`] = `
                   rowKey="7-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 7,
+                        "rowKey": "7-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -19657,6 +21448,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -19701,6 +21493,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -19742,6 +21535,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -19782,6 +21576,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -19822,6 +21617,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -19862,6 +21658,7 @@ exports[`Collapsible nested table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -19926,6 +21723,8 @@ exports[`Collapsible nested table 1`] = `
                       },
                       "id": 8,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -19950,12 +21749,64 @@ exports[`Collapsible nested table 1`] = `
                   rowKey="8-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 8,
+                        "rowKey": "8-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -20381,6 +22232,7 @@ exports[`Collapsible table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -20425,6 +22277,7 @@ exports[`Collapsible table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -20466,6 +22319,7 @@ exports[`Collapsible table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -20506,6 +22360,7 @@ exports[`Collapsible table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -20546,6 +22401,7 @@ exports[`Collapsible table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -20586,6 +22442,7 @@ exports[`Collapsible table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -20671,6 +22528,7 @@ exports[`Collapsible table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -20715,6 +22573,7 @@ exports[`Collapsible table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -20756,6 +22615,7 @@ exports[`Collapsible table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -20796,6 +22656,7 @@ exports[`Collapsible table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -20836,6 +22697,7 @@ exports[`Collapsible table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -20876,6 +22738,7 @@ exports[`Collapsible table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -21062,6 +22925,7 @@ exports[`Collapsible table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -21106,6 +22970,7 @@ exports[`Collapsible table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -21147,6 +23012,7 @@ exports[`Collapsible table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -21187,6 +23053,7 @@ exports[`Collapsible table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -21227,6 +23094,7 @@ exports[`Collapsible table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -21267,6 +23135,7 @@ exports[`Collapsible table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -21417,6 +23286,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -21459,6 +23330,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": true,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -21501,6 +23374,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -21542,6 +23417,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -21584,6 +23461,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -21626,6 +23505,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -21667,6 +23548,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -21708,6 +23591,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -21749,6 +23634,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -21796,6 +23683,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -21838,6 +23727,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": true,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -21880,6 +23771,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -21921,6 +23814,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -21963,6 +23858,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -22005,6 +23902,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -22046,6 +23945,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -22087,6 +23988,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -22128,6 +24031,8 @@ exports[`Collapsible table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -22176,6 +24081,8 @@ exports[`Collapsible table 1`] = `
                     },
                     "id": 0,
                     "isExpanded": undefined,
+                    "isFirst": true,
+                    "isLast": false,
                     "isOpen": true,
                     "last-commit": Object {
                       "props": Object {
@@ -22218,6 +24125,8 @@ exports[`Collapsible table 1`] = `
                     },
                     "id": 1,
                     "isExpanded": true,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -22260,6 +24169,8 @@ exports[`Collapsible table 1`] = `
                     },
                     "id": 2,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -22301,6 +24212,8 @@ exports[`Collapsible table 1`] = `
                     },
                     "id": 3,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "isOpen": false,
                     "last-commit": Object {
                       "props": Object {
@@ -22343,6 +24256,8 @@ exports[`Collapsible table 1`] = `
                     },
                     "id": 4,
                     "isExpanded": false,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -22385,6 +24300,8 @@ exports[`Collapsible table 1`] = `
                     },
                     "id": 5,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -22426,6 +24343,8 @@ exports[`Collapsible table 1`] = `
                     },
                     "id": 6,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -22467,6 +24386,8 @@ exports[`Collapsible table 1`] = `
                     },
                     "id": 7,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -22508,6 +24429,8 @@ exports[`Collapsible table 1`] = `
                     },
                     "id": 8,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -22549,6 +24472,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -22593,6 +24517,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -22634,6 +24559,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -22674,6 +24600,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -22714,6 +24641,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -22754,6 +24682,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -22818,6 +24747,8 @@ exports[`Collapsible table 1`] = `
                       },
                       "id": 0,
                       "isExpanded": undefined,
+                      "isFirst": true,
+                      "isLast": false,
                       "isOpen": true,
                       "last-commit": Object {
                         "props": Object {
@@ -22843,13 +24774,65 @@ exports[`Collapsible table 1`] = `
                   rowKey="0-row"
                 >
                   <RowWrapper
-                    isOpen={true}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isLast": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 0,
+                        "rowKey": "0-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -23013,6 +24996,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23057,6 +25041,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23098,6 +25083,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23138,6 +25124,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23178,6 +25165,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23218,6 +25206,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23282,6 +25271,8 @@ exports[`Collapsible table 1`] = `
                       },
                       "id": 1,
                       "isExpanded": true,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -23307,13 +25298,65 @@ exports[`Collapsible table 1`] = `
                   rowKey="1-row"
                 >
                   <RowWrapper
-                    isExpanded={true}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": true,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 1,
+                        "rowKey": "1-row",
+                      }
+                    }
                   >
                     <tr
                       className="pf-c-table__expandable-row pf-m-expanded"
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -23413,6 +25456,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23457,6 +25501,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23498,6 +25543,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23538,6 +25584,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23578,6 +25625,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23618,6 +25666,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23682,6 +25731,8 @@ exports[`Collapsible table 1`] = `
                       },
                       "id": 2,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -23706,12 +25757,64 @@ exports[`Collapsible table 1`] = `
                   rowKey="2-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 2,
+                        "rowKey": "2-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -23824,6 +25927,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23868,6 +25972,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23909,6 +26014,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23949,6 +26055,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -23989,6 +26096,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -24029,6 +26137,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -24093,6 +26202,8 @@ exports[`Collapsible table 1`] = `
                       },
                       "id": 3,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "isOpen": false,
                       "last-commit": Object {
                         "props": Object {
@@ -24118,13 +26229,65 @@ exports[`Collapsible table 1`] = `
                   rowKey="3-row"
                 >
                   <RowWrapper
-                    isOpen={false}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 3,
+                        "rowKey": "3-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -24288,6 +26451,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -24332,6 +26496,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -24373,6 +26538,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -24413,6 +26579,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -24453,6 +26620,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -24493,6 +26661,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -24557,6 +26726,8 @@ exports[`Collapsible table 1`] = `
                       },
                       "id": 4,
                       "isExpanded": false,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -24582,13 +26753,65 @@ exports[`Collapsible table 1`] = `
                   rowKey="4-row"
                 >
                   <RowWrapper
-                    isExpanded={false}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 4,
+                        "rowKey": "4-row",
+                      }
+                    }
                   >
                     <tr
                       className="pf-c-table__expandable-row"
                       hidden={true}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -24688,6 +26911,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -24732,6 +26956,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -24773,6 +26998,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -24813,6 +27039,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -24853,6 +27080,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -24893,6 +27121,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -24957,6 +27186,8 @@ exports[`Collapsible table 1`] = `
                       },
                       "id": 5,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -24981,12 +27212,64 @@ exports[`Collapsible table 1`] = `
                   rowKey="5-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 5,
+                        "rowKey": "5-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -25099,6 +27382,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -25143,6 +27427,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -25184,6 +27469,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -25224,6 +27510,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -25264,6 +27551,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -25304,6 +27592,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -25368,6 +27657,8 @@ exports[`Collapsible table 1`] = `
                       },
                       "id": 6,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -25392,12 +27683,64 @@ exports[`Collapsible table 1`] = `
                   rowKey="6-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 6,
+                        "rowKey": "6-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -25510,6 +27853,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -25554,6 +27898,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -25595,6 +27940,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -25635,6 +27981,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -25675,6 +28022,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -25715,6 +28063,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -25779,6 +28128,8 @@ exports[`Collapsible table 1`] = `
                       },
                       "id": 7,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -25803,12 +28154,64 @@ exports[`Collapsible table 1`] = `
                   rowKey="7-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 7,
+                        "rowKey": "7-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -25921,6 +28324,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -25965,6 +28369,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -26006,6 +28411,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -26046,6 +28452,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -26086,6 +28493,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -26126,6 +28534,7 @@ exports[`Collapsible table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -26190,6 +28599,8 @@ exports[`Collapsible table 1`] = `
                       },
                       "id": 8,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -26214,12 +28625,64 @@ exports[`Collapsible table 1`] = `
                   rowKey="8-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 8,
+                        "rowKey": "8-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__toggle"
@@ -26535,6 +28998,7 @@ exports[`Header width table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -26575,6 +29039,7 @@ exports[`Header width table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -26614,6 +29079,7 @@ exports[`Header width table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -26654,6 +29120,7 @@ exports[`Header width table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -26693,6 +29160,7 @@ exports[`Header width table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -26780,6 +29248,7 @@ exports[`Header width table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -26820,6 +29289,7 @@ exports[`Header width table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -26859,6 +29329,7 @@ exports[`Header width table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -26899,6 +29370,7 @@ exports[`Header width table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -26938,6 +29410,7 @@ exports[`Header width table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -27076,6 +29549,7 @@ exports[`Header width table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -27116,6 +29590,7 @@ exports[`Header width table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -27155,6 +29630,7 @@ exports[`Header width table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -27195,6 +29671,7 @@ exports[`Header width table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -27234,6 +29711,7 @@ exports[`Header width table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -27387,6 +29865,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -27429,6 +29909,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -27472,6 +29954,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -27514,6 +29998,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -27556,6 +30042,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -27598,6 +30086,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -27639,6 +30129,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -27680,6 +30172,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -27721,6 +30215,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -27768,6 +30264,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -27810,6 +30308,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -27853,6 +30353,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -27895,6 +30397,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -27937,6 +30441,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -27979,6 +30485,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -28020,6 +30528,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -28061,6 +30571,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -28102,6 +30614,8 @@ exports[`Header width table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -28150,6 +30664,8 @@ exports[`Header width table 1`] = `
                     },
                     "id": 0,
                     "isExpanded": undefined,
+                    "isFirst": true,
+                    "isLast": false,
                     "isOpen": false,
                     "last-commit": Object {
                       "props": Object {
@@ -28192,6 +30708,8 @@ exports[`Header width table 1`] = `
                     },
                     "id": 1,
                     "isExpanded": false,
+                    "isFirst": false,
+                    "isLast": false,
                     "isOpen": true,
                     "last-commit": Object {
                       "props": Object {
@@ -28235,6 +30753,8 @@ exports[`Header width table 1`] = `
                     },
                     "id": 2,
                     "isExpanded": false,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -28277,6 +30797,8 @@ exports[`Header width table 1`] = `
                     },
                     "id": 3,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "isOpen": false,
                     "last-commit": Object {
                       "props": Object {
@@ -28319,6 +30841,8 @@ exports[`Header width table 1`] = `
                     },
                     "id": 4,
                     "isExpanded": false,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -28361,6 +30885,8 @@ exports[`Header width table 1`] = `
                     },
                     "id": 5,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -28402,6 +30928,8 @@ exports[`Header width table 1`] = `
                     },
                     "id": 6,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -28443,6 +30971,8 @@ exports[`Header width table 1`] = `
                     },
                     "id": 7,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -28484,6 +31014,8 @@ exports[`Header width table 1`] = `
                     },
                     "id": 8,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -28526,6 +31058,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -28566,6 +31099,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -28605,6 +31139,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -28645,6 +31180,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -28684,6 +31220,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -28749,6 +31286,8 @@ exports[`Header width table 1`] = `
                       },
                       "id": 0,
                       "isExpanded": undefined,
+                      "isFirst": true,
+                      "isLast": false,
                       "isOpen": false,
                       "last-commit": Object {
                         "props": Object {
@@ -28774,13 +31313,65 @@ exports[`Header width table 1`] = `
                   rowKey="0-row"
                 >
                   <RowWrapper
-                    isOpen={false}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isLast": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 0,
+                        "rowKey": "0-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -28869,6 +31460,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -28909,6 +31501,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -28948,6 +31541,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -28988,6 +31582,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -29027,6 +31622,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -29092,6 +31688,8 @@ exports[`Header width table 1`] = `
                       },
                       "id": 1,
                       "isExpanded": false,
+                      "isFirst": false,
+                      "isLast": false,
                       "isOpen": true,
                       "last-commit": Object {
                         "props": Object {
@@ -29118,14 +31716,66 @@ exports[`Header width table 1`] = `
                   rowKey="1-row"
                 >
                   <RowWrapper
-                    isExpanded={false}
-                    isOpen={true}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isLast": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 1,
+                        "rowKey": "1-row",
+                      }
+                    }
                   >
                     <tr
                       className="pf-c-table__expandable-row"
                       hidden={true}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -29220,6 +31870,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -29260,6 +31911,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -29299,6 +31951,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -29339,6 +31992,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -29378,6 +32032,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -29443,6 +32098,8 @@ exports[`Header width table 1`] = `
                       },
                       "id": 2,
                       "isExpanded": false,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -29468,13 +32125,65 @@ exports[`Header width table 1`] = `
                   rowKey="2-row"
                 >
                   <RowWrapper
-                    isExpanded={false}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 2,
+                        "rowKey": "2-row",
+                      }
+                    }
                   >
                     <tr
                       className="pf-c-table__expandable-row"
                       hidden={true}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -29575,6 +32284,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -29615,6 +32325,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -29654,6 +32365,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -29694,6 +32406,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -29733,6 +32446,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -29798,6 +32512,8 @@ exports[`Header width table 1`] = `
                       },
                       "id": 3,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "isOpen": false,
                       "last-commit": Object {
                         "props": Object {
@@ -29823,13 +32539,65 @@ exports[`Header width table 1`] = `
                   rowKey="3-row"
                 >
                   <RowWrapper
-                    isOpen={false}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 3,
+                        "rowKey": "3-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -29918,6 +32686,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -29958,6 +32727,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -29997,6 +32767,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -30037,6 +32808,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -30076,6 +32848,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -30141,6 +32914,8 @@ exports[`Header width table 1`] = `
                       },
                       "id": 4,
                       "isExpanded": false,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -30166,13 +32941,65 @@ exports[`Header width table 1`] = `
                   rowKey="4-row"
                 >
                   <RowWrapper
-                    isExpanded={false}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 4,
+                        "rowKey": "4-row",
+                      }
+                    }
                   >
                     <tr
                       className="pf-c-table__expandable-row"
                       hidden={true}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -30273,6 +33100,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -30313,6 +33141,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -30352,6 +33181,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -30392,6 +33222,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -30431,6 +33262,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -30496,6 +33328,8 @@ exports[`Header width table 1`] = `
                       },
                       "id": 5,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -30520,12 +33354,64 @@ exports[`Header width table 1`] = `
                   rowKey="5-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 5,
+                        "rowKey": "5-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -30620,6 +33506,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -30660,6 +33547,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -30699,6 +33587,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -30739,6 +33628,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -30778,6 +33668,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -30843,6 +33734,8 @@ exports[`Header width table 1`] = `
                       },
                       "id": 6,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -30867,12 +33760,64 @@ exports[`Header width table 1`] = `
                   rowKey="6-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 6,
+                        "rowKey": "6-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -30967,6 +33912,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -31007,6 +33953,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -31046,6 +33993,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -31086,6 +34034,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -31125,6 +34074,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -31190,6 +34140,8 @@ exports[`Header width table 1`] = `
                       },
                       "id": 7,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -31214,12 +34166,64 @@ exports[`Header width table 1`] = `
                   rowKey="7-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 7,
+                        "rowKey": "7-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -31314,6 +34318,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -31354,6 +34359,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -31393,6 +34399,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -31433,6 +34440,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -31472,6 +34480,7 @@ exports[`Header width table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -31537,6 +34546,8 @@ exports[`Header width table 1`] = `
                       },
                       "id": 8,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -31561,12 +34572,64 @@ exports[`Header width table 1`] = `
                   rowKey="8-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 8,
+                        "rowKey": "8-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -31936,6 +34999,7 @@ exports[`Selectable table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -31978,6 +35042,7 @@ exports[`Selectable table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -32018,6 +35083,7 @@ exports[`Selectable table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -32057,6 +35123,7 @@ exports[`Selectable table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -32096,6 +35163,7 @@ exports[`Selectable table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -32135,6 +35203,7 @@ exports[`Selectable table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -32220,6 +35289,7 @@ exports[`Selectable table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -32262,6 +35332,7 @@ exports[`Selectable table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -32302,6 +35373,7 @@ exports[`Selectable table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -32341,6 +35413,7 @@ exports[`Selectable table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -32380,6 +35453,7 @@ exports[`Selectable table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -32419,6 +35493,7 @@ exports[`Selectable table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -32624,6 +35699,7 @@ exports[`Selectable table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -32666,6 +35742,7 @@ exports[`Selectable table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -32706,6 +35783,7 @@ exports[`Selectable table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -32745,6 +35823,7 @@ exports[`Selectable table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -32784,6 +35863,7 @@ exports[`Selectable table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -32823,6 +35903,7 @@ exports[`Selectable table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -32975,6 +36056,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -33017,6 +36100,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -33060,6 +36145,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -33102,6 +36189,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -33144,6 +36233,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -33186,6 +36277,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -33227,6 +36320,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -33268,6 +36363,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -33309,6 +36406,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -33356,6 +36455,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -33398,6 +36499,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -33441,6 +36544,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -33483,6 +36588,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -33525,6 +36632,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": false,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -33567,6 +36676,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -33608,6 +36719,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -33649,6 +36762,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -33690,6 +36805,8 @@ exports[`Selectable table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -33738,6 +36855,8 @@ exports[`Selectable table 1`] = `
                     },
                     "id": 0,
                     "isExpanded": undefined,
+                    "isFirst": true,
+                    "isLast": false,
                     "isOpen": false,
                     "last-commit": Object {
                       "props": Object {
@@ -33780,6 +36899,8 @@ exports[`Selectable table 1`] = `
                     },
                     "id": 1,
                     "isExpanded": false,
+                    "isFirst": false,
+                    "isLast": false,
                     "isOpen": true,
                     "last-commit": Object {
                       "props": Object {
@@ -33823,6 +36944,8 @@ exports[`Selectable table 1`] = `
                     },
                     "id": 2,
                     "isExpanded": false,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -33865,6 +36988,8 @@ exports[`Selectable table 1`] = `
                     },
                     "id": 3,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "isOpen": false,
                     "last-commit": Object {
                       "props": Object {
@@ -33907,6 +37032,8 @@ exports[`Selectable table 1`] = `
                     },
                     "id": 4,
                     "isExpanded": false,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -33949,6 +37076,8 @@ exports[`Selectable table 1`] = `
                     },
                     "id": 5,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -33990,6 +37119,8 @@ exports[`Selectable table 1`] = `
                     },
                     "id": 6,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -34031,6 +37162,8 @@ exports[`Selectable table 1`] = `
                     },
                     "id": 7,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -34072,6 +37205,8 @@ exports[`Selectable table 1`] = `
                     },
                     "id": 8,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -34113,6 +37248,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -34155,6 +37291,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -34195,6 +37332,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -34234,6 +37372,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -34273,6 +37412,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -34312,6 +37452,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -34376,6 +37517,8 @@ exports[`Selectable table 1`] = `
                       },
                       "id": 0,
                       "isExpanded": undefined,
+                      "isFirst": true,
+                      "isLast": false,
                       "isOpen": false,
                       "last-commit": Object {
                         "props": Object {
@@ -34401,13 +37544,65 @@ exports[`Selectable table 1`] = `
                   rowKey="0-row"
                 >
                   <RowWrapper
-                    isOpen={false}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isLast": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 0,
+                        "rowKey": "0-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__check"
@@ -34526,6 +37721,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -34568,6 +37764,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -34608,6 +37805,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -34647,6 +37845,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -34686,6 +37885,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -34725,6 +37925,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -34789,6 +37990,8 @@ exports[`Selectable table 1`] = `
                       },
                       "id": 1,
                       "isExpanded": false,
+                      "isFirst": false,
+                      "isLast": false,
                       "isOpen": true,
                       "last-commit": Object {
                         "props": Object {
@@ -34815,14 +38018,66 @@ exports[`Selectable table 1`] = `
                   rowKey="1-row"
                 >
                   <RowWrapper
-                    isExpanded={false}
-                    isOpen={true}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isLast": false,
+                        "isOpen": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "parent": 0,
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 1,
+                        "rowKey": "1-row",
+                      }
+                    }
                   >
                     <tr
                       className="pf-c-table__expandable-row"
                       hidden={true}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -34929,6 +38184,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -34971,6 +38227,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35011,6 +38268,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35050,6 +38308,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35089,6 +38348,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35128,6 +38388,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35192,6 +38453,8 @@ exports[`Selectable table 1`] = `
                       },
                       "id": 2,
                       "isExpanded": false,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -35217,13 +38480,65 @@ exports[`Selectable table 1`] = `
                   rowKey="2-row"
                 >
                   <RowWrapper
-                    isExpanded={false}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "parent": 1,
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 2,
+                        "rowKey": "2-row",
+                      }
+                    }
                   >
                     <tr
                       className="pf-c-table__expandable-row"
                       hidden={true}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -35336,6 +38651,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35378,6 +38694,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35418,6 +38735,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35457,6 +38775,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35496,6 +38815,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35535,6 +38855,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35599,6 +38920,8 @@ exports[`Selectable table 1`] = `
                       },
                       "id": 3,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "isOpen": false,
                       "last-commit": Object {
                         "props": Object {
@@ -35624,13 +38947,65 @@ exports[`Selectable table 1`] = `
                   rowKey="3-row"
                 >
                   <RowWrapper
-                    isOpen={false}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "isOpen": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 3,
+                        "rowKey": "3-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__check"
@@ -35749,6 +39124,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35791,6 +39167,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35831,6 +39208,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35870,6 +39248,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35909,6 +39288,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -35948,6 +39328,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -36012,6 +39393,8 @@ exports[`Selectable table 1`] = `
                       },
                       "id": 4,
                       "isExpanded": false,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -36037,13 +39420,65 @@ exports[`Selectable table 1`] = `
                   rowKey="4-row"
                 >
                   <RowWrapper
-                    isExpanded={false}
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": false,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "parent": 3,
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 4,
+                        "rowKey": "4-row",
+                      }
+                    }
                   >
                     <tr
                       className="pf-c-table__expandable-row"
                       hidden={true}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -36156,6 +39591,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -36198,6 +39634,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -36238,6 +39675,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -36277,6 +39715,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -36316,6 +39755,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -36355,6 +39795,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -36419,6 +39860,8 @@ exports[`Selectable table 1`] = `
                       },
                       "id": 5,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -36443,12 +39886,64 @@ exports[`Selectable table 1`] = `
                   rowKey="5-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 5,
+                        "rowKey": "5-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__check"
@@ -36573,6 +40068,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -36615,6 +40111,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -36655,6 +40152,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -36694,6 +40192,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -36733,6 +40232,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -36772,6 +40272,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -36836,6 +40337,8 @@ exports[`Selectable table 1`] = `
                       },
                       "id": 6,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -36860,12 +40363,64 @@ exports[`Selectable table 1`] = `
                   rowKey="6-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 6,
+                        "rowKey": "6-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__check"
@@ -36990,6 +40545,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -37032,6 +40588,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -37072,6 +40629,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -37111,6 +40669,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -37150,6 +40709,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -37189,6 +40749,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -37253,6 +40814,8 @@ exports[`Selectable table 1`] = `
                       },
                       "id": 7,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -37277,12 +40840,64 @@ exports[`Selectable table 1`] = `
                   rowKey="7-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 7,
+                        "rowKey": "7-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__check"
@@ -37407,6 +41022,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -37449,6 +41065,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -37489,6 +41106,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -37528,6 +41146,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -37567,6 +41186,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -37606,6 +41226,7 @@ exports[`Selectable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -37670,6 +41291,8 @@ exports[`Selectable table 1`] = `
                       },
                       "id": 8,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -37694,12 +41317,64 @@ exports[`Selectable table 1`] = `
                   rowKey="8-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 8,
+                        "rowKey": "8-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         className="pf-c-table__check"
@@ -38339,6 +42014,7 @@ exports[`Simple Actions table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": Array [
@@ -38397,6 +42073,7 @@ exports[`Simple Actions table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": Array [
@@ -38454,6 +42131,7 @@ exports[`Simple Actions table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": Array [
@@ -38511,6 +42189,7 @@ exports[`Simple Actions table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": Array [
@@ -38568,6 +42247,7 @@ exports[`Simple Actions table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": Array [
@@ -38626,6 +42306,7 @@ exports[`Simple Actions table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": Array [
@@ -38729,6 +42410,7 @@ exports[`Simple Actions table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": Array [
@@ -38787,6 +42469,7 @@ exports[`Simple Actions table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": Array [
@@ -38844,6 +42527,7 @@ exports[`Simple Actions table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": Array [
@@ -38901,6 +42585,7 @@ exports[`Simple Actions table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": Array [
@@ -38958,6 +42643,7 @@ exports[`Simple Actions table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": Array [
@@ -39016,6 +42702,7 @@ exports[`Simple Actions table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": Array [
@@ -39220,6 +42907,7 @@ exports[`Simple Actions table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": Array [
@@ -39278,6 +42966,7 @@ exports[`Simple Actions table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": Array [
@@ -39335,6 +43024,7 @@ exports[`Simple Actions table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": Array [
@@ -39392,6 +43082,7 @@ exports[`Simple Actions table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": Array [
@@ -39449,6 +43140,7 @@ exports[`Simple Actions table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": Array [
@@ -39507,6 +43199,7 @@ exports[`Simple Actions table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": Array [
@@ -39682,6 +43375,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -39723,6 +43418,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -39764,6 +43461,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -39805,6 +43504,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -39846,6 +43547,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -39887,6 +43590,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -39928,6 +43633,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -39969,6 +43676,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -40010,6 +43719,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -40052,6 +43763,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 9,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -40099,6 +43812,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -40140,6 +43855,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -40181,6 +43898,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -40222,6 +43941,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -40263,6 +43984,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -40304,6 +44027,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -40345,6 +44070,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -40386,6 +44113,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -40427,6 +44156,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -40469,6 +44200,8 @@ exports[`Simple Actions table 1`] = `
                   },
                   "id": 9,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -40517,6 +44250,8 @@ exports[`Simple Actions table 1`] = `
                     },
                     "id": 0,
                     "isExpanded": undefined,
+                    "isFirst": true,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -40558,6 +44293,8 @@ exports[`Simple Actions table 1`] = `
                     },
                     "id": 1,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -40599,6 +44336,8 @@ exports[`Simple Actions table 1`] = `
                     },
                     "id": 2,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -40640,6 +44379,8 @@ exports[`Simple Actions table 1`] = `
                     },
                     "id": 3,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -40681,6 +44422,8 @@ exports[`Simple Actions table 1`] = `
                     },
                     "id": 4,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -40722,6 +44465,8 @@ exports[`Simple Actions table 1`] = `
                     },
                     "id": 5,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -40763,6 +44508,8 @@ exports[`Simple Actions table 1`] = `
                     },
                     "id": 6,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -40804,6 +44551,8 @@ exports[`Simple Actions table 1`] = `
                     },
                     "id": 7,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -40845,6 +44594,8 @@ exports[`Simple Actions table 1`] = `
                     },
                     "id": 8,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -40887,6 +44638,8 @@ exports[`Simple Actions table 1`] = `
                     },
                     "id": 9,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -40926,6 +44679,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -40984,6 +44738,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -41041,6 +44796,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -41098,6 +44854,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -41155,6 +44912,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -41213,6 +44971,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -41296,6 +45055,8 @@ exports[`Simple Actions table 1`] = `
                       },
                       "id": 0,
                       "isExpanded": undefined,
+                      "isFirst": true,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -41320,12 +45081,64 @@ exports[`Simple Actions table 1`] = `
                   rowKey="0-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 0,
+                        "rowKey": "0-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -41424,6 +45237,7 @@ exports[`Simple Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": undefined,
                                     "actions": Array [
@@ -41523,6 +45337,8 @@ exports[`Simple Actions table 1`] = `
                                 },
                                 "id": 0,
                                 "isExpanded": undefined,
+                                "isFirst": true,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -41709,6 +45525,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -41767,6 +45584,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -41824,6 +45642,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -41881,6 +45700,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -41938,6 +45758,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -41996,6 +45817,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -42079,6 +45901,8 @@ exports[`Simple Actions table 1`] = `
                       },
                       "id": 1,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -42103,12 +45927,64 @@ exports[`Simple Actions table 1`] = `
                   rowKey="1-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 1,
+                        "rowKey": "1-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -42207,6 +46083,7 @@ exports[`Simple Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": undefined,
                                     "actions": Array [
@@ -42306,6 +46183,8 @@ exports[`Simple Actions table 1`] = `
                                 },
                                 "id": 1,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -42492,6 +46371,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -42550,6 +46430,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -42607,6 +46488,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -42664,6 +46546,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -42721,6 +46604,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -42779,6 +46663,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -42862,6 +46747,8 @@ exports[`Simple Actions table 1`] = `
                       },
                       "id": 2,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -42886,12 +46773,64 @@ exports[`Simple Actions table 1`] = `
                   rowKey="2-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 2,
+                        "rowKey": "2-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -42990,6 +46929,7 @@ exports[`Simple Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": undefined,
                                     "actions": Array [
@@ -43089,6 +47029,8 @@ exports[`Simple Actions table 1`] = `
                                 },
                                 "id": 2,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -43275,6 +47217,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -43333,6 +47276,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -43390,6 +47334,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -43447,6 +47392,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -43504,6 +47450,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -43562,6 +47509,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -43645,6 +47593,8 @@ exports[`Simple Actions table 1`] = `
                       },
                       "id": 3,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -43669,12 +47619,64 @@ exports[`Simple Actions table 1`] = `
                   rowKey="3-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 3,
+                        "rowKey": "3-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -43773,6 +47775,7 @@ exports[`Simple Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": undefined,
                                     "actions": Array [
@@ -43872,6 +47875,8 @@ exports[`Simple Actions table 1`] = `
                                 },
                                 "id": 3,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -44058,6 +48063,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -44116,6 +48122,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -44173,6 +48180,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -44230,6 +48238,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -44287,6 +48296,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -44345,6 +48355,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -44428,6 +48439,8 @@ exports[`Simple Actions table 1`] = `
                       },
                       "id": 4,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -44452,12 +48465,64 @@ exports[`Simple Actions table 1`] = `
                   rowKey="4-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 4,
+                        "rowKey": "4-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -44556,6 +48621,7 @@ exports[`Simple Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": undefined,
                                     "actions": Array [
@@ -44655,6 +48721,8 @@ exports[`Simple Actions table 1`] = `
                                 },
                                 "id": 4,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -44841,6 +48909,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -44899,6 +48968,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -44956,6 +49026,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -45013,6 +49084,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -45070,6 +49142,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -45128,6 +49201,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -45211,6 +49285,8 @@ exports[`Simple Actions table 1`] = `
                       },
                       "id": 5,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -45235,12 +49311,64 @@ exports[`Simple Actions table 1`] = `
                   rowKey="5-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 5,
+                        "rowKey": "5-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -45339,6 +49467,7 @@ exports[`Simple Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": undefined,
                                     "actions": Array [
@@ -45438,6 +49567,8 @@ exports[`Simple Actions table 1`] = `
                                 },
                                 "id": 5,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -45624,6 +49755,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -45682,6 +49814,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -45739,6 +49872,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -45796,6 +49930,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -45853,6 +49988,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -45911,6 +50047,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -45994,6 +50131,8 @@ exports[`Simple Actions table 1`] = `
                       },
                       "id": 6,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -46018,12 +50157,64 @@ exports[`Simple Actions table 1`] = `
                   rowKey="6-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 6,
+                        "rowKey": "6-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -46122,6 +50313,7 @@ exports[`Simple Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": undefined,
                                     "actions": Array [
@@ -46221,6 +50413,8 @@ exports[`Simple Actions table 1`] = `
                                 },
                                 "id": 6,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -46407,6 +50601,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -46465,6 +50660,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -46522,6 +50718,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -46579,6 +50776,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -46636,6 +50834,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -46694,6 +50893,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -46777,6 +50977,8 @@ exports[`Simple Actions table 1`] = `
                       },
                       "id": 7,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -46801,12 +51003,64 @@ exports[`Simple Actions table 1`] = `
                   rowKey="7-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 7,
+                        "rowKey": "7-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -46905,6 +51159,7 @@ exports[`Simple Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": undefined,
                                     "actions": Array [
@@ -47004,6 +51259,8 @@ exports[`Simple Actions table 1`] = `
                                 },
                                 "id": 7,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -47190,6 +51447,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -47248,6 +51506,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -47305,6 +51564,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -47362,6 +51622,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -47419,6 +51680,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -47477,6 +51739,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -47560,6 +51823,8 @@ exports[`Simple Actions table 1`] = `
                       },
                       "id": 8,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -47584,12 +51849,64 @@ exports[`Simple Actions table 1`] = `
                   rowKey="8-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 8,
+                        "rowKey": "8-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -47688,6 +52005,7 @@ exports[`Simple Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": undefined,
                                     "actions": Array [
@@ -47787,6 +52105,8 @@ exports[`Simple Actions table 1`] = `
                                 },
                                 "id": 8,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -47973,6 +52293,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -48031,6 +52352,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -48088,6 +52410,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -48145,6 +52468,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -48202,6 +52526,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -48260,6 +52585,7 @@ exports[`Simple Actions table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": Array [
@@ -48344,6 +52670,8 @@ exports[`Simple Actions table 1`] = `
                       },
                       "id": 9,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -48368,12 +52696,65 @@ exports[`Simple Actions table 1`] = `
                   rowKey="9-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "disableActions": true,
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 9,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 9,
+                        "rowKey": "9-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -48472,6 +52853,7 @@ exports[`Simple Actions table 1`] = `
                                       [Function],
                                     ],
                                   },
+                                  "data": undefined,
                                   "extraParams": Object {
                                     "actionResolver": undefined,
                                     "actions": Array [
@@ -48572,6 +52954,8 @@ exports[`Simple Actions table 1`] = `
                                 },
                                 "id": 9,
                                 "isExpanded": undefined,
+                                "isFirst": false,
+                                "isLast": true,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -48894,6 +53278,7 @@ exports[`Simple table aria-label 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -48933,6 +53318,7 @@ exports[`Simple table aria-label 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -48972,6 +53358,7 @@ exports[`Simple table aria-label 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -49011,6 +53398,7 @@ exports[`Simple table aria-label 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -49050,6 +53438,7 @@ exports[`Simple table aria-label 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -49134,6 +53523,7 @@ exports[`Simple table aria-label 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -49173,6 +53563,7 @@ exports[`Simple table aria-label 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -49212,6 +53603,7 @@ exports[`Simple table aria-label 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -49251,6 +53643,7 @@ exports[`Simple table aria-label 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -49290,6 +53683,7 @@ exports[`Simple table aria-label 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -49419,6 +53813,7 @@ exports[`Simple table aria-label 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -49458,6 +53853,7 @@ exports[`Simple table aria-label 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -49497,6 +53893,7 @@ exports[`Simple table aria-label 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -49536,6 +53933,7 @@ exports[`Simple table aria-label 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -49575,6 +53973,7 @@ exports[`Simple table aria-label 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -49721,6 +54120,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -49762,6 +54163,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -49803,6 +54206,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -49844,6 +54249,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -49885,6 +54292,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -49926,6 +54335,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -49967,6 +54378,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -50008,6 +54421,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -50049,6 +54464,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -50096,6 +54513,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -50137,6 +54556,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -50178,6 +54599,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -50219,6 +54642,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -50260,6 +54685,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -50301,6 +54728,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -50342,6 +54771,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -50383,6 +54814,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -50424,6 +54857,8 @@ exports[`Simple table aria-label 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -50472,6 +54907,8 @@ exports[`Simple table aria-label 1`] = `
                     },
                     "id": 0,
                     "isExpanded": undefined,
+                    "isFirst": true,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -50513,6 +54950,8 @@ exports[`Simple table aria-label 1`] = `
                     },
                     "id": 1,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -50554,6 +54993,8 @@ exports[`Simple table aria-label 1`] = `
                     },
                     "id": 2,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -50595,6 +55036,8 @@ exports[`Simple table aria-label 1`] = `
                     },
                     "id": 3,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -50636,6 +55079,8 @@ exports[`Simple table aria-label 1`] = `
                     },
                     "id": 4,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -50677,6 +55122,8 @@ exports[`Simple table aria-label 1`] = `
                     },
                     "id": 5,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -50718,6 +55165,8 @@ exports[`Simple table aria-label 1`] = `
                     },
                     "id": 6,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -50759,6 +55208,8 @@ exports[`Simple table aria-label 1`] = `
                     },
                     "id": 7,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -50800,6 +55251,8 @@ exports[`Simple table aria-label 1`] = `
                     },
                     "id": 8,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -50839,6 +55292,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -50878,6 +55332,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -50917,6 +55372,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -50956,6 +55412,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -50995,6 +55452,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -51059,6 +55517,8 @@ exports[`Simple table aria-label 1`] = `
                       },
                       "id": 0,
                       "isExpanded": undefined,
+                      "isFirst": true,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -51083,12 +55543,64 @@ exports[`Simple table aria-label 1`] = `
                   rowKey="0-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 0,
+                        "rowKey": "0-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -51175,6 +55687,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -51214,6 +55727,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -51253,6 +55767,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -51292,6 +55807,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -51331,6 +55847,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -51395,6 +55912,8 @@ exports[`Simple table aria-label 1`] = `
                       },
                       "id": 1,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -51419,12 +55938,64 @@ exports[`Simple table aria-label 1`] = `
                   rowKey="1-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 1,
+                        "rowKey": "1-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -51511,6 +56082,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -51550,6 +56122,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -51589,6 +56162,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -51628,6 +56202,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -51667,6 +56242,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -51731,6 +56307,8 @@ exports[`Simple table aria-label 1`] = `
                       },
                       "id": 2,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -51755,12 +56333,64 @@ exports[`Simple table aria-label 1`] = `
                   rowKey="2-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 2,
+                        "rowKey": "2-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -51847,6 +56477,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -51886,6 +56517,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -51925,6 +56557,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -51964,6 +56597,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -52003,6 +56637,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -52067,6 +56702,8 @@ exports[`Simple table aria-label 1`] = `
                       },
                       "id": 3,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -52091,12 +56728,64 @@ exports[`Simple table aria-label 1`] = `
                   rowKey="3-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 3,
+                        "rowKey": "3-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -52183,6 +56872,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -52222,6 +56912,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -52261,6 +56952,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -52300,6 +56992,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -52339,6 +57032,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -52403,6 +57097,8 @@ exports[`Simple table aria-label 1`] = `
                       },
                       "id": 4,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -52427,12 +57123,64 @@ exports[`Simple table aria-label 1`] = `
                   rowKey="4-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 4,
+                        "rowKey": "4-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -52519,6 +57267,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -52558,6 +57307,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -52597,6 +57347,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -52636,6 +57387,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -52675,6 +57427,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -52739,6 +57492,8 @@ exports[`Simple table aria-label 1`] = `
                       },
                       "id": 5,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -52763,12 +57518,64 @@ exports[`Simple table aria-label 1`] = `
                   rowKey="5-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 5,
+                        "rowKey": "5-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -52855,6 +57662,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -52894,6 +57702,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -52933,6 +57742,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -52972,6 +57782,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -53011,6 +57822,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -53075,6 +57887,8 @@ exports[`Simple table aria-label 1`] = `
                       },
                       "id": 6,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -53099,12 +57913,64 @@ exports[`Simple table aria-label 1`] = `
                   rowKey="6-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 6,
+                        "rowKey": "6-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -53191,6 +58057,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -53230,6 +58097,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -53269,6 +58137,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -53308,6 +58177,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -53347,6 +58217,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -53411,6 +58282,8 @@ exports[`Simple table aria-label 1`] = `
                       },
                       "id": 7,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -53435,12 +58308,64 @@ exports[`Simple table aria-label 1`] = `
                   rowKey="7-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 7,
+                        "rowKey": "7-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -53527,6 +58452,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -53566,6 +58492,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -53605,6 +58532,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -53644,6 +58572,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -53683,6 +58612,7 @@ exports[`Simple table aria-label 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -53747,6 +58677,8 @@ exports[`Simple table aria-label 1`] = `
                       },
                       "id": 8,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -53771,12 +58703,64 @@ exports[`Simple table aria-label 1`] = `
                   rowKey="8-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 8,
+                        "rowKey": "8-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -53998,6 +58982,7 @@ exports[`Simple table caption 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -54037,6 +59022,7 @@ exports[`Simple table caption 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -54076,6 +59062,7 @@ exports[`Simple table caption 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -54115,6 +59102,7 @@ exports[`Simple table caption 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -54154,6 +59142,7 @@ exports[`Simple table caption 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -54240,6 +59229,7 @@ exports[`Simple table caption 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -54279,6 +59269,7 @@ exports[`Simple table caption 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -54318,6 +59309,7 @@ exports[`Simple table caption 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -54357,6 +59349,7 @@ exports[`Simple table caption 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -54396,6 +59389,7 @@ exports[`Simple table caption 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -54525,6 +59519,7 @@ exports[`Simple table caption 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -54564,6 +59559,7 @@ exports[`Simple table caption 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -54603,6 +59599,7 @@ exports[`Simple table caption 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -54642,6 +59639,7 @@ exports[`Simple table caption 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -54681,6 +59679,7 @@ exports[`Simple table caption 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -54827,6 +59826,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54868,6 +59869,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54909,6 +59912,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54950,6 +59955,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54991,6 +59998,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -55032,6 +60041,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -55073,6 +60084,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -55114,6 +60127,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -55155,6 +60170,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -55202,6 +60219,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -55243,6 +60262,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -55284,6 +60305,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -55325,6 +60348,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -55366,6 +60391,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -55407,6 +60434,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -55448,6 +60477,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -55489,6 +60520,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -55530,6 +60563,8 @@ exports[`Simple table caption 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -55578,6 +60613,8 @@ exports[`Simple table caption 1`] = `
                     },
                     "id": 0,
                     "isExpanded": undefined,
+                    "isFirst": true,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55619,6 +60656,8 @@ exports[`Simple table caption 1`] = `
                     },
                     "id": 1,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55660,6 +60699,8 @@ exports[`Simple table caption 1`] = `
                     },
                     "id": 2,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55701,6 +60742,8 @@ exports[`Simple table caption 1`] = `
                     },
                     "id": 3,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55742,6 +60785,8 @@ exports[`Simple table caption 1`] = `
                     },
                     "id": 4,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55783,6 +60828,8 @@ exports[`Simple table caption 1`] = `
                     },
                     "id": 5,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55824,6 +60871,8 @@ exports[`Simple table caption 1`] = `
                     },
                     "id": 6,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55865,6 +60914,8 @@ exports[`Simple table caption 1`] = `
                     },
                     "id": 7,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55906,6 +60957,8 @@ exports[`Simple table caption 1`] = `
                     },
                     "id": 8,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55945,6 +60998,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -55984,6 +61038,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -56023,6 +61078,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -56062,6 +61118,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -56101,6 +61158,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -56165,6 +61223,8 @@ exports[`Simple table caption 1`] = `
                       },
                       "id": 0,
                       "isExpanded": undefined,
+                      "isFirst": true,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -56189,12 +61249,64 @@ exports[`Simple table caption 1`] = `
                   rowKey="0-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 0,
+                        "rowKey": "0-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -56281,6 +61393,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -56320,6 +61433,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -56359,6 +61473,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -56398,6 +61513,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -56437,6 +61553,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -56501,6 +61618,8 @@ exports[`Simple table caption 1`] = `
                       },
                       "id": 1,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -56525,12 +61644,64 @@ exports[`Simple table caption 1`] = `
                   rowKey="1-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 1,
+                        "rowKey": "1-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -56617,6 +61788,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -56656,6 +61828,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -56695,6 +61868,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -56734,6 +61908,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -56773,6 +61948,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -56837,6 +62013,8 @@ exports[`Simple table caption 1`] = `
                       },
                       "id": 2,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -56861,12 +62039,64 @@ exports[`Simple table caption 1`] = `
                   rowKey="2-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 2,
+                        "rowKey": "2-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -56953,6 +62183,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -56992,6 +62223,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -57031,6 +62263,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -57070,6 +62303,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -57109,6 +62343,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -57173,6 +62408,8 @@ exports[`Simple table caption 1`] = `
                       },
                       "id": 3,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -57197,12 +62434,64 @@ exports[`Simple table caption 1`] = `
                   rowKey="3-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 3,
+                        "rowKey": "3-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -57289,6 +62578,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -57328,6 +62618,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -57367,6 +62658,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -57406,6 +62698,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -57445,6 +62738,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -57509,6 +62803,8 @@ exports[`Simple table caption 1`] = `
                       },
                       "id": 4,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -57533,12 +62829,64 @@ exports[`Simple table caption 1`] = `
                   rowKey="4-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 4,
+                        "rowKey": "4-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -57625,6 +62973,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -57664,6 +63013,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -57703,6 +63053,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -57742,6 +63093,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -57781,6 +63133,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -57845,6 +63198,8 @@ exports[`Simple table caption 1`] = `
                       },
                       "id": 5,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -57869,12 +63224,64 @@ exports[`Simple table caption 1`] = `
                   rowKey="5-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 5,
+                        "rowKey": "5-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -57961,6 +63368,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -58000,6 +63408,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -58039,6 +63448,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -58078,6 +63488,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -58117,6 +63528,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -58181,6 +63593,8 @@ exports[`Simple table caption 1`] = `
                       },
                       "id": 6,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -58205,12 +63619,64 @@ exports[`Simple table caption 1`] = `
                   rowKey="6-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 6,
+                        "rowKey": "6-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -58297,6 +63763,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -58336,6 +63803,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -58375,6 +63843,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -58414,6 +63883,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -58453,6 +63923,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -58517,6 +63988,8 @@ exports[`Simple table caption 1`] = `
                       },
                       "id": 7,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -58541,12 +64014,64 @@ exports[`Simple table caption 1`] = `
                   rowKey="7-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 7,
+                        "rowKey": "7-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -58633,6 +64158,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -58672,6 +64198,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -58711,6 +64238,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -58750,6 +64278,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -58789,6 +64318,7 @@ exports[`Simple table caption 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -58853,6 +64383,8 @@ exports[`Simple table caption 1`] = `
                       },
                       "id": 8,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -58877,12 +64409,64 @@ exports[`Simple table caption 1`] = `
                   rowKey="8-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 8,
+                        "rowKey": "8-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -59111,6 +64695,7 @@ exports[`Simple table header 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -59150,6 +64735,7 @@ exports[`Simple table header 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -59189,6 +64775,7 @@ exports[`Simple table header 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -59228,6 +64815,7 @@ exports[`Simple table header 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -59267,6 +64855,7 @@ exports[`Simple table header 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -59350,6 +64939,7 @@ exports[`Simple table header 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -59389,6 +64979,7 @@ exports[`Simple table header 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -59428,6 +65019,7 @@ exports[`Simple table header 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -59467,6 +65059,7 @@ exports[`Simple table header 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -59506,6 +65099,7 @@ exports[`Simple table header 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -59635,6 +65229,7 @@ exports[`Simple table header 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -59674,6 +65269,7 @@ exports[`Simple table header 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -59713,6 +65309,7 @@ exports[`Simple table header 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -59752,6 +65349,7 @@ exports[`Simple table header 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -59791,6 +65389,7 @@ exports[`Simple table header 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -59937,6 +65536,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -59978,6 +65579,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60019,6 +65622,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60060,6 +65665,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60101,6 +65708,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60142,6 +65751,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60183,6 +65794,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60224,6 +65837,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60265,6 +65880,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60312,6 +65929,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60353,6 +65972,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60394,6 +66015,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60435,6 +66058,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60476,6 +66101,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60517,6 +66144,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60558,6 +66187,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60599,6 +66230,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60640,6 +66273,8 @@ exports[`Simple table header 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60688,6 +66323,8 @@ exports[`Simple table header 1`] = `
                     },
                     "id": 0,
                     "isExpanded": undefined,
+                    "isFirst": true,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -60729,6 +66366,8 @@ exports[`Simple table header 1`] = `
                     },
                     "id": 1,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -60770,6 +66409,8 @@ exports[`Simple table header 1`] = `
                     },
                     "id": 2,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -60811,6 +66452,8 @@ exports[`Simple table header 1`] = `
                     },
                     "id": 3,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -60852,6 +66495,8 @@ exports[`Simple table header 1`] = `
                     },
                     "id": 4,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -60893,6 +66538,8 @@ exports[`Simple table header 1`] = `
                     },
                     "id": 5,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -60934,6 +66581,8 @@ exports[`Simple table header 1`] = `
                     },
                     "id": 6,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -60975,6 +66624,8 @@ exports[`Simple table header 1`] = `
                     },
                     "id": 7,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -61016,6 +66667,8 @@ exports[`Simple table header 1`] = `
                     },
                     "id": 8,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -61055,6 +66708,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -61094,6 +66748,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -61133,6 +66788,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -61172,6 +66828,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -61211,6 +66868,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -61275,6 +66933,8 @@ exports[`Simple table header 1`] = `
                       },
                       "id": 0,
                       "isExpanded": undefined,
+                      "isFirst": true,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -61299,12 +66959,64 @@ exports[`Simple table header 1`] = `
                   rowKey="0-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 0,
+                        "rowKey": "0-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -61391,6 +67103,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -61430,6 +67143,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -61469,6 +67183,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -61508,6 +67223,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -61547,6 +67263,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -61611,6 +67328,8 @@ exports[`Simple table header 1`] = `
                       },
                       "id": 1,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -61635,12 +67354,64 @@ exports[`Simple table header 1`] = `
                   rowKey="1-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 1,
+                        "rowKey": "1-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -61727,6 +67498,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -61766,6 +67538,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -61805,6 +67578,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -61844,6 +67618,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -61883,6 +67658,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -61947,6 +67723,8 @@ exports[`Simple table header 1`] = `
                       },
                       "id": 2,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -61971,12 +67749,64 @@ exports[`Simple table header 1`] = `
                   rowKey="2-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 2,
+                        "rowKey": "2-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -62063,6 +67893,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -62102,6 +67933,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -62141,6 +67973,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -62180,6 +68013,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -62219,6 +68053,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -62283,6 +68118,8 @@ exports[`Simple table header 1`] = `
                       },
                       "id": 3,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -62307,12 +68144,64 @@ exports[`Simple table header 1`] = `
                   rowKey="3-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 3,
+                        "rowKey": "3-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -62399,6 +68288,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -62438,6 +68328,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -62477,6 +68368,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -62516,6 +68408,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -62555,6 +68448,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -62619,6 +68513,8 @@ exports[`Simple table header 1`] = `
                       },
                       "id": 4,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -62643,12 +68539,64 @@ exports[`Simple table header 1`] = `
                   rowKey="4-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 4,
+                        "rowKey": "4-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -62735,6 +68683,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -62774,6 +68723,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -62813,6 +68763,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -62852,6 +68803,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -62891,6 +68843,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -62955,6 +68908,8 @@ exports[`Simple table header 1`] = `
                       },
                       "id": 5,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -62979,12 +68934,64 @@ exports[`Simple table header 1`] = `
                   rowKey="5-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 5,
+                        "rowKey": "5-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -63071,6 +69078,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -63110,6 +69118,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -63149,6 +69158,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -63188,6 +69198,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -63227,6 +69238,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -63291,6 +69303,8 @@ exports[`Simple table header 1`] = `
                       },
                       "id": 6,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -63315,12 +69329,64 @@ exports[`Simple table header 1`] = `
                   rowKey="6-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 6,
+                        "rowKey": "6-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -63407,6 +69473,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -63446,6 +69513,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -63485,6 +69553,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -63524,6 +69593,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -63563,6 +69633,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -63627,6 +69698,8 @@ exports[`Simple table header 1`] = `
                       },
                       "id": 7,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -63651,12 +69724,64 @@ exports[`Simple table header 1`] = `
                   rowKey="7-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 7,
+                        "rowKey": "7-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -63743,6 +69868,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -63782,6 +69908,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -63821,6 +69948,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -63860,6 +69988,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -63899,6 +70028,7 @@ exports[`Simple table header 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -63963,6 +70093,8 @@ exports[`Simple table header 1`] = `
                       },
                       "id": 8,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -63987,12 +70119,64 @@ exports[`Simple table header 1`] = `
                   rowKey="8-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 8,
+                        "rowKey": "8-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -64261,6 +70445,7 @@ exports[`Sortable table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -64301,6 +70486,7 @@ exports[`Sortable table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -64340,6 +70526,7 @@ exports[`Sortable table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -64379,6 +70566,7 @@ exports[`Sortable table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -64418,6 +70606,7 @@ exports[`Sortable table 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -64502,6 +70691,7 @@ exports[`Sortable table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -64542,6 +70732,7 @@ exports[`Sortable table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -64581,6 +70772,7 @@ exports[`Sortable table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -64620,6 +70812,7 @@ exports[`Sortable table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -64659,6 +70852,7 @@ exports[`Sortable table 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -64833,6 +71027,7 @@ exports[`Sortable table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -64873,6 +71068,7 @@ exports[`Sortable table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -64912,6 +71108,7 @@ exports[`Sortable table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -64951,6 +71148,7 @@ exports[`Sortable table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -64990,6 +71188,7 @@ exports[`Sortable table 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -65136,6 +71335,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65177,6 +71378,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65218,6 +71421,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65259,6 +71464,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65300,6 +71507,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65341,6 +71550,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65382,6 +71593,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65423,6 +71636,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65464,6 +71679,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65511,6 +71728,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65552,6 +71771,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65593,6 +71814,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65634,6 +71857,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65675,6 +71900,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65716,6 +71943,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65757,6 +71986,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65798,6 +72029,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65839,6 +72072,8 @@ exports[`Sortable table 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65887,6 +72122,8 @@ exports[`Sortable table 1`] = `
                     },
                     "id": 0,
                     "isExpanded": undefined,
+                    "isFirst": true,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -65928,6 +72165,8 @@ exports[`Sortable table 1`] = `
                     },
                     "id": 1,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -65969,6 +72208,8 @@ exports[`Sortable table 1`] = `
                     },
                     "id": 2,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66010,6 +72251,8 @@ exports[`Sortable table 1`] = `
                     },
                     "id": 3,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66051,6 +72294,8 @@ exports[`Sortable table 1`] = `
                     },
                     "id": 4,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66092,6 +72337,8 @@ exports[`Sortable table 1`] = `
                     },
                     "id": 5,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66133,6 +72380,8 @@ exports[`Sortable table 1`] = `
                     },
                     "id": 6,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66174,6 +72423,8 @@ exports[`Sortable table 1`] = `
                     },
                     "id": 7,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66215,6 +72466,8 @@ exports[`Sortable table 1`] = `
                     },
                     "id": 8,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66254,6 +72507,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -66294,6 +72548,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -66333,6 +72588,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -66372,6 +72628,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -66411,6 +72668,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -66475,6 +72733,8 @@ exports[`Sortable table 1`] = `
                       },
                       "id": 0,
                       "isExpanded": undefined,
+                      "isFirst": true,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -66499,12 +72759,64 @@ exports[`Sortable table 1`] = `
                   rowKey="0-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 0,
+                        "rowKey": "0-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -66591,6 +72903,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -66631,6 +72944,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -66670,6 +72984,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -66709,6 +73024,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -66748,6 +73064,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -66812,6 +73129,8 @@ exports[`Sortable table 1`] = `
                       },
                       "id": 1,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -66836,12 +73155,64 @@ exports[`Sortable table 1`] = `
                   rowKey="1-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 1,
+                        "rowKey": "1-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -66928,6 +73299,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -66968,6 +73340,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -67007,6 +73380,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -67046,6 +73420,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -67085,6 +73460,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -67149,6 +73525,8 @@ exports[`Sortable table 1`] = `
                       },
                       "id": 2,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -67173,12 +73551,64 @@ exports[`Sortable table 1`] = `
                   rowKey="2-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 2,
+                        "rowKey": "2-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -67265,6 +73695,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -67305,6 +73736,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -67344,6 +73776,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -67383,6 +73816,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -67422,6 +73856,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -67486,6 +73921,8 @@ exports[`Sortable table 1`] = `
                       },
                       "id": 3,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -67510,12 +73947,64 @@ exports[`Sortable table 1`] = `
                   rowKey="3-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 3,
+                        "rowKey": "3-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -67602,6 +74091,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -67642,6 +74132,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -67681,6 +74172,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -67720,6 +74212,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -67759,6 +74252,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -67823,6 +74317,8 @@ exports[`Sortable table 1`] = `
                       },
                       "id": 4,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -67847,12 +74343,64 @@ exports[`Sortable table 1`] = `
                   rowKey="4-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 4,
+                        "rowKey": "4-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -67939,6 +74487,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -67979,6 +74528,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -68018,6 +74568,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -68057,6 +74608,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -68096,6 +74648,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -68160,6 +74713,8 @@ exports[`Sortable table 1`] = `
                       },
                       "id": 5,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -68184,12 +74739,64 @@ exports[`Sortable table 1`] = `
                   rowKey="5-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 5,
+                        "rowKey": "5-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -68276,6 +74883,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -68316,6 +74924,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -68355,6 +74964,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -68394,6 +75004,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -68433,6 +75044,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -68497,6 +75109,8 @@ exports[`Sortable table 1`] = `
                       },
                       "id": 6,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -68521,12 +75135,64 @@ exports[`Sortable table 1`] = `
                   rowKey="6-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 6,
+                        "rowKey": "6-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -68613,6 +75279,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -68653,6 +75320,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -68692,6 +75360,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -68731,6 +75400,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -68770,6 +75440,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -68834,6 +75505,8 @@ exports[`Sortable table 1`] = `
                       },
                       "id": 7,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -68858,12 +75531,64 @@ exports[`Sortable table 1`] = `
                   rowKey="7-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 7,
+                        "rowKey": "7-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -68950,6 +75675,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -68990,6 +75716,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -69029,6 +75756,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -69068,6 +75796,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -69107,6 +75836,7 @@ exports[`Sortable table 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -69171,6 +75901,8 @@ exports[`Sortable table 1`] = `
                       },
                       "id": 8,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -69195,12 +75927,64 @@ exports[`Sortable table 1`] = `
                   rowKey="8-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 8,
+                        "rowKey": "8-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -69467,6 +76251,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -69507,6 +76292,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -69546,6 +76332,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -69585,6 +76372,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -69624,6 +76412,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -69708,6 +76497,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -69748,6 +76538,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -69787,6 +76578,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -69826,6 +76618,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -69865,6 +76658,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -70039,6 +76833,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -70079,6 +76874,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -70118,6 +76914,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -70157,6 +76954,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -70196,6 +76994,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -70342,6 +77141,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -70383,6 +77184,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -70424,6 +77227,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -70465,6 +77270,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -70506,6 +77313,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -70547,6 +77356,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -70588,6 +77399,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -70629,6 +77442,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -70670,6 +77485,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -70717,6 +77534,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -70758,6 +77577,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -70799,6 +77620,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -70840,6 +77663,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -70881,6 +77706,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -70922,6 +77749,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -70963,6 +77792,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71004,6 +77835,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71045,6 +77878,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71093,6 +77928,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     },
                     "id": 0,
                     "isExpanded": undefined,
+                    "isFirst": true,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -71134,6 +77971,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     },
                     "id": 1,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -71175,6 +78014,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     },
                     "id": 2,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -71216,6 +78057,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     },
                     "id": 3,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -71257,6 +78100,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     },
                     "id": 4,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -71298,6 +78143,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     },
                     "id": 5,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -71339,6 +78186,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     },
                     "id": 6,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -71380,6 +78229,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     },
                     "id": 7,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -71421,6 +78272,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     },
                     "id": 8,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -71460,6 +78313,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -71500,6 +78354,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -71539,6 +78394,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -71578,6 +78434,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -71617,6 +78474,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -71681,6 +78539,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       },
                       "id": 0,
                       "isExpanded": undefined,
+                      "isFirst": true,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -71705,12 +78565,64 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   rowKey="0-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 0,
+                        "rowKey": "0-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -71797,6 +78709,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -71837,6 +78750,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -71876,6 +78790,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -71915,6 +78830,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -71954,6 +78870,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -72018,6 +78935,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       },
                       "id": 1,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -72042,12 +78961,64 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   rowKey="1-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 1,
+                        "rowKey": "1-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -72134,6 +79105,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -72174,6 +79146,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -72213,6 +79186,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -72252,6 +79226,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -72291,6 +79266,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -72355,6 +79331,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       },
                       "id": 2,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -72379,12 +79357,64 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   rowKey="2-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 2,
+                        "rowKey": "2-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -72471,6 +79501,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -72511,6 +79542,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -72550,6 +79582,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -72589,6 +79622,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -72628,6 +79662,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -72692,6 +79727,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       },
                       "id": 3,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -72716,12 +79753,64 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   rowKey="3-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 3,
+                        "rowKey": "3-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -72808,6 +79897,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -72848,6 +79938,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -72887,6 +79978,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -72926,6 +80018,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -72965,6 +80058,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -73029,6 +80123,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       },
                       "id": 4,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -73053,12 +80149,64 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   rowKey="4-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 4,
+                        "rowKey": "4-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -73145,6 +80293,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -73185,6 +80334,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -73224,6 +80374,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -73263,6 +80414,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -73302,6 +80454,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -73366,6 +80519,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       },
                       "id": 5,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -73390,12 +80545,64 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   rowKey="5-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 5,
+                        "rowKey": "5-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -73482,6 +80689,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -73522,6 +80730,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -73561,6 +80770,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -73600,6 +80810,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -73639,6 +80850,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -73703,6 +80915,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       },
                       "id": 6,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -73727,12 +80941,64 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   rowKey="6-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 6,
+                        "rowKey": "6-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -73819,6 +81085,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -73859,6 +81126,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -73898,6 +81166,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -73937,6 +81206,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -73976,6 +81246,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -74040,6 +81311,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       },
                       "id": 7,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -74064,12 +81337,64 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   rowKey="7-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 7,
+                        "rowKey": "7-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -74156,6 +81481,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -74196,6 +81522,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -74235,6 +81562,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -74274,6 +81602,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -74313,6 +81642,7 @@ exports[`Table variants Breakpoint - grid 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -74377,6 +81707,8 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       },
                       "id": 8,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -74401,12 +81733,64 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   rowKey="8-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 8,
+                        "rowKey": "8-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -74673,6 +82057,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -74713,6 +82098,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -74752,6 +82138,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -74791,6 +82178,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -74830,6 +82218,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -74914,6 +82303,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -74954,6 +82344,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -74993,6 +82384,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -75032,6 +82424,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -75071,6 +82464,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -75245,6 +82639,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -75285,6 +82680,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -75324,6 +82720,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -75363,6 +82760,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -75402,6 +82800,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -75548,6 +82947,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -75589,6 +82990,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -75630,6 +83033,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -75671,6 +83076,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -75712,6 +83119,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -75753,6 +83162,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -75794,6 +83205,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -75835,6 +83248,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -75876,6 +83291,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -75923,6 +83340,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -75964,6 +83383,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -76005,6 +83426,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -76046,6 +83469,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -76087,6 +83512,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -76128,6 +83555,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -76169,6 +83598,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -76210,6 +83641,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -76251,6 +83684,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -76299,6 +83734,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     },
                     "id": 0,
                     "isExpanded": undefined,
+                    "isFirst": true,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -76340,6 +83777,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     },
                     "id": 1,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -76381,6 +83820,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     },
                     "id": 2,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -76422,6 +83863,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     },
                     "id": 3,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -76463,6 +83906,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     },
                     "id": 4,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -76504,6 +83949,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     },
                     "id": 5,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -76545,6 +83992,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     },
                     "id": 6,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -76586,6 +84035,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     },
                     "id": 7,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -76627,6 +84078,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     },
                     "id": 8,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -76666,6 +84119,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -76706,6 +84160,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -76745,6 +84200,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -76784,6 +84240,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -76823,6 +84280,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -76887,6 +84345,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       },
                       "id": 0,
                       "isExpanded": undefined,
+                      "isFirst": true,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -76911,12 +84371,64 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   rowKey="0-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 0,
+                        "rowKey": "0-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -77003,6 +84515,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -77043,6 +84556,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -77082,6 +84596,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -77121,6 +84636,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -77160,6 +84676,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -77224,6 +84741,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       },
                       "id": 1,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -77248,12 +84767,64 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   rowKey="1-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 1,
+                        "rowKey": "1-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -77340,6 +84911,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -77380,6 +84952,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -77419,6 +84992,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -77458,6 +85032,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -77497,6 +85072,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -77561,6 +85137,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       },
                       "id": 2,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -77585,12 +85163,64 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   rowKey="2-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 2,
+                        "rowKey": "2-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -77677,6 +85307,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -77717,6 +85348,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -77756,6 +85388,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -77795,6 +85428,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -77834,6 +85468,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -77898,6 +85533,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       },
                       "id": 3,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -77922,12 +85559,64 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   rowKey="3-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 3,
+                        "rowKey": "3-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -78014,6 +85703,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -78054,6 +85744,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -78093,6 +85784,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -78132,6 +85824,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -78171,6 +85864,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -78235,6 +85929,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       },
                       "id": 4,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -78259,12 +85955,64 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   rowKey="4-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 4,
+                        "rowKey": "4-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -78351,6 +86099,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -78391,6 +86140,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -78430,6 +86180,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -78469,6 +86220,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -78508,6 +86260,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -78572,6 +86325,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       },
                       "id": 5,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -78596,12 +86351,64 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   rowKey="5-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 5,
+                        "rowKey": "5-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -78688,6 +86495,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -78728,6 +86536,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -78767,6 +86576,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -78806,6 +86616,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -78845,6 +86656,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -78909,6 +86721,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       },
                       "id": 6,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -78933,12 +86747,64 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   rowKey="6-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 6,
+                        "rowKey": "6-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -79025,6 +86891,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -79065,6 +86932,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -79104,6 +86972,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -79143,6 +87012,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -79182,6 +87052,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -79246,6 +87117,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       },
                       "id": 7,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -79270,12 +87143,64 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   rowKey="7-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 7,
+                        "rowKey": "7-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -79362,6 +87287,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -79402,6 +87328,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -79441,6 +87368,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -79480,6 +87408,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -79519,6 +87448,7 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -79583,6 +87513,8 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       },
                       "id": 8,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -79607,12 +87539,64 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   rowKey="8-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 8,
+                        "rowKey": "8-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -79879,6 +87863,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -79919,6 +87904,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -79958,6 +87944,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -79997,6 +87984,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -80036,6 +88024,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -80120,6 +88109,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -80160,6 +88150,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -80199,6 +88190,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -80238,6 +88230,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -80277,6 +88270,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -80451,6 +88445,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -80491,6 +88486,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -80530,6 +88526,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -80569,6 +88566,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -80608,6 +88606,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -80754,6 +88753,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -80795,6 +88796,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -80836,6 +88839,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -80877,6 +88882,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -80918,6 +88925,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -80959,6 +88968,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -81000,6 +89011,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -81041,6 +89054,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -81082,6 +89097,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -81129,6 +89146,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -81170,6 +89189,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -81211,6 +89232,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -81252,6 +89275,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -81293,6 +89318,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -81334,6 +89361,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -81375,6 +89404,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -81416,6 +89447,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -81457,6 +89490,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -81505,6 +89540,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     },
                     "id": 0,
                     "isExpanded": undefined,
+                    "isFirst": true,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -81546,6 +89583,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     },
                     "id": 1,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -81587,6 +89626,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     },
                     "id": 2,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -81628,6 +89669,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     },
                     "id": 3,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -81669,6 +89712,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     },
                     "id": 4,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -81710,6 +89755,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     },
                     "id": 5,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -81751,6 +89798,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     },
                     "id": 6,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -81792,6 +89841,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     },
                     "id": 7,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -81833,6 +89884,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     },
                     "id": 8,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -81872,6 +89925,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -81912,6 +89966,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -81951,6 +90006,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -81990,6 +90046,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -82029,6 +90086,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -82093,6 +90151,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       },
                       "id": 0,
                       "isExpanded": undefined,
+                      "isFirst": true,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -82117,12 +90177,64 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   rowKey="0-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 0,
+                        "rowKey": "0-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -82209,6 +90321,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -82249,6 +90362,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -82288,6 +90402,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -82327,6 +90442,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -82366,6 +90482,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -82430,6 +90547,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       },
                       "id": 1,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -82454,12 +90573,64 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   rowKey="1-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 1,
+                        "rowKey": "1-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -82546,6 +90717,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -82586,6 +90758,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -82625,6 +90798,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -82664,6 +90838,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -82703,6 +90878,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -82767,6 +90943,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       },
                       "id": 2,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -82791,12 +90969,64 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   rowKey="2-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 2,
+                        "rowKey": "2-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -82883,6 +91113,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -82923,6 +91154,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -82962,6 +91194,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -83001,6 +91234,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -83040,6 +91274,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -83104,6 +91339,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       },
                       "id": 3,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -83128,12 +91365,64 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   rowKey="3-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 3,
+                        "rowKey": "3-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -83220,6 +91509,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -83260,6 +91550,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -83299,6 +91590,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -83338,6 +91630,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -83377,6 +91670,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -83441,6 +91735,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       },
                       "id": 4,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -83465,12 +91761,64 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   rowKey="4-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 4,
+                        "rowKey": "4-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -83557,6 +91905,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -83597,6 +91946,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -83636,6 +91986,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -83675,6 +92026,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -83714,6 +92066,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -83778,6 +92131,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       },
                       "id": 5,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -83802,12 +92157,64 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   rowKey="5-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 5,
+                        "rowKey": "5-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -83894,6 +92301,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -83934,6 +92342,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -83973,6 +92382,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -84012,6 +92422,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -84051,6 +92462,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -84115,6 +92527,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       },
                       "id": 6,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -84139,12 +92553,64 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   rowKey="6-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 6,
+                        "rowKey": "6-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -84231,6 +92697,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -84271,6 +92738,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -84310,6 +92778,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -84349,6 +92818,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -84388,6 +92858,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -84452,6 +92923,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       },
                       "id": 7,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -84476,12 +92949,64 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   rowKey="7-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 7,
+                        "rowKey": "7-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -84568,6 +93093,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -84608,6 +93134,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -84647,6 +93174,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -84686,6 +93214,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -84725,6 +93254,7 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -84789,6 +93319,8 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       },
                       "id": 8,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -84813,12 +93345,64 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   rowKey="8-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 8,
+                        "rowKey": "8-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -85085,6 +93669,7 @@ exports[`Table variants Size - compact 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -85125,6 +93710,7 @@ exports[`Table variants Size - compact 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -85164,6 +93750,7 @@ exports[`Table variants Size - compact 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -85203,6 +93790,7 @@ exports[`Table variants Size - compact 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -85242,6 +93830,7 @@ exports[`Table variants Size - compact 1`] = `
               [Function],
             ],
           },
+          "data": undefined,
           "extraParams": Object {
             "actionResolver": undefined,
             "actions": undefined,
@@ -85326,6 +93915,7 @@ exports[`Table variants Size - compact 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -85366,6 +93956,7 @@ exports[`Table variants Size - compact 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -85405,6 +93996,7 @@ exports[`Table variants Size - compact 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -85444,6 +94036,7 @@ exports[`Table variants Size - compact 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -85483,6 +94076,7 @@ exports[`Table variants Size - compact 1`] = `
                           [Function],
                         ],
                       },
+                      "data": undefined,
                       "extraParams": Object {
                         "actionResolver": undefined,
                         "actions": undefined,
@@ -85657,6 +94251,7 @@ exports[`Table variants Size - compact 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -85697,6 +94292,7 @@ exports[`Table variants Size - compact 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -85736,6 +94332,7 @@ exports[`Table variants Size - compact 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -85775,6 +94372,7 @@ exports[`Table variants Size - compact 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -85814,6 +94412,7 @@ exports[`Table variants Size - compact 1`] = `
                     [Function],
                   ],
                 },
+                "data": undefined,
                 "extraParams": Object {
                   "actionResolver": undefined,
                   "actions": undefined,
@@ -85960,6 +94559,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86001,6 +94602,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86042,6 +94645,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86083,6 +94688,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86124,6 +94731,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86165,6 +94774,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86206,6 +94817,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86247,6 +94860,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86288,6 +94903,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86335,6 +94952,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 0,
                   "isExpanded": undefined,
+                  "isFirst": true,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86376,6 +94995,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 1,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86417,6 +95038,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 2,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86458,6 +95081,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 3,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86499,6 +95124,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 4,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86540,6 +95167,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 5,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86581,6 +95210,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 6,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86622,6 +95253,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 7,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86663,6 +95296,8 @@ exports[`Table variants Size - compact 1`] = `
                   },
                   "id": 8,
                   "isExpanded": undefined,
+                  "isFirst": false,
+                  "isLast": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -86711,6 +95346,8 @@ exports[`Table variants Size - compact 1`] = `
                     },
                     "id": 0,
                     "isExpanded": undefined,
+                    "isFirst": true,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -86752,6 +95389,8 @@ exports[`Table variants Size - compact 1`] = `
                     },
                     "id": 1,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -86793,6 +95432,8 @@ exports[`Table variants Size - compact 1`] = `
                     },
                     "id": 2,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -86834,6 +95475,8 @@ exports[`Table variants Size - compact 1`] = `
                     },
                     "id": 3,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -86875,6 +95518,8 @@ exports[`Table variants Size - compact 1`] = `
                     },
                     "id": 4,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -86916,6 +95561,8 @@ exports[`Table variants Size - compact 1`] = `
                     },
                     "id": 5,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -86957,6 +95604,8 @@ exports[`Table variants Size - compact 1`] = `
                     },
                     "id": 6,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -86998,6 +95647,8 @@ exports[`Table variants Size - compact 1`] = `
                     },
                     "id": 7,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -87039,6 +95690,8 @@ exports[`Table variants Size - compact 1`] = `
                     },
                     "id": 8,
                     "isExpanded": undefined,
+                    "isFirst": false,
+                    "isLast": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -87078,6 +95731,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -87118,6 +95772,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -87157,6 +95812,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -87196,6 +95852,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -87235,6 +95892,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -87299,6 +95957,8 @@ exports[`Table variants Size - compact 1`] = `
                       },
                       "id": 0,
                       "isExpanded": undefined,
+                      "isFirst": true,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -87323,12 +95983,64 @@ exports[`Table variants Size - compact 1`] = `
                   rowKey="0-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 0,
+                        "isExpanded": undefined,
+                        "isFirst": true,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 0,
+                        "rowKey": "0-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -87415,6 +96127,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -87455,6 +96168,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -87494,6 +96208,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -87533,6 +96248,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -87572,6 +96288,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -87636,6 +96353,8 @@ exports[`Table variants Size - compact 1`] = `
                       },
                       "id": 1,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -87660,12 +96379,64 @@ exports[`Table variants Size - compact 1`] = `
                   rowKey="1-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 1,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 1,
+                        "rowKey": "1-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -87752,6 +96523,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -87792,6 +96564,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -87831,6 +96604,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -87870,6 +96644,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -87909,6 +96684,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -87973,6 +96749,8 @@ exports[`Table variants Size - compact 1`] = `
                       },
                       "id": 2,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -87997,12 +96775,64 @@ exports[`Table variants Size - compact 1`] = `
                   rowKey="2-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 2,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 2,
+                        "rowKey": "2-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -88089,6 +96919,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -88129,6 +96960,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -88168,6 +97000,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -88207,6 +97040,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -88246,6 +97080,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -88310,6 +97145,8 @@ exports[`Table variants Size - compact 1`] = `
                       },
                       "id": 3,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -88334,12 +97171,64 @@ exports[`Table variants Size - compact 1`] = `
                   rowKey="3-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 3,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 3,
+                        "rowKey": "3-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -88426,6 +97315,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -88466,6 +97356,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -88505,6 +97396,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -88544,6 +97436,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -88583,6 +97476,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -88647,6 +97541,8 @@ exports[`Table variants Size - compact 1`] = `
                       },
                       "id": 4,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -88671,12 +97567,64 @@ exports[`Table variants Size - compact 1`] = `
                   rowKey="4-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 4,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 4,
+                        "rowKey": "4-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -88763,6 +97711,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -88803,6 +97752,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -88842,6 +97792,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -88881,6 +97832,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -88920,6 +97872,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -88984,6 +97937,8 @@ exports[`Table variants Size - compact 1`] = `
                       },
                       "id": 5,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -89008,12 +97963,64 @@ exports[`Table variants Size - compact 1`] = `
                   rowKey="5-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 5,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 5,
+                        "rowKey": "5-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -89100,6 +98107,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -89140,6 +98148,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -89179,6 +98188,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -89218,6 +98228,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -89257,6 +98268,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -89321,6 +98333,8 @@ exports[`Table variants Size - compact 1`] = `
                       },
                       "id": 6,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -89345,12 +98359,64 @@ exports[`Table variants Size - compact 1`] = `
                   rowKey="6-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 6,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 6,
+                        "rowKey": "6-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -89437,6 +98503,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -89477,6 +98544,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -89516,6 +98584,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -89555,6 +98624,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -89594,6 +98664,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -89658,6 +98729,8 @@ exports[`Table variants Size - compact 1`] = `
                       },
                       "id": 7,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -89682,12 +98755,64 @@ exports[`Table variants Size - compact 1`] = `
                   rowKey="7-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 7,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": false,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 7,
+                        "rowKey": "7-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
@@ -89774,6 +98899,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -89814,6 +98940,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -89853,6 +98980,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -89892,6 +99020,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -89931,6 +99060,7 @@ exports[`Table variants Size - compact 1`] = `
                             [Function],
                           ],
                         },
+                        "data": undefined,
                         "extraParams": Object {
                           "actionResolver": undefined,
                           "actions": undefined,
@@ -89995,6 +99125,8 @@ exports[`Table variants Size - compact 1`] = `
                       },
                       "id": 8,
                       "isExpanded": undefined,
+                      "isFirst": false,
+                      "isLast": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -90019,12 +99151,64 @@ exports[`Table variants Size - compact 1`] = `
                   rowKey="8-row"
                 >
                   <RowWrapper
-                    onClick={[Function]}
+                    className=""
+                    onMouseDown={[Function]}
+                    row={
+                      Object {
+                        "branches": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "two",
+                        },
+                        "cells": Array [
+                          "one",
+                          "two",
+                          "three",
+                          "four",
+                          "five",
+                        ],
+                        "header-cell": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "one",
+                        },
+                        "id": 8,
+                        "isExpanded": undefined,
+                        "isFirst": false,
+                        "isLast": true,
+                        "last-commit": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "five",
+                        },
+                        "pull-requests": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "three",
+                        },
+                        "workspaces": Object {
+                          "props": Object {
+                            "isVisible": true,
+                          },
+                          "title": "four",
+                        },
+                      }
+                    }
+                    rowProps={
+                      Object {
+                        "rowIndex": 8,
+                        "rowKey": "8-row",
+                      }
+                    }
                   >
                     <tr
                       className=""
                       hidden={false}
-                      onClick={[Function]}
+                      onMouseDown={[Function]}
                     >
                       <BodyCell
                         component="td"
diff --git a/packages/patternfly-4/react-table/src/components/Table/index.d.ts b/packages/patternfly-4/react-table/src/components/Table/index.d.ts
index b44af7278d1..b8f983bbc1a 100644
--- a/packages/patternfly-4/react-table/src/components/Table/index.d.ts
+++ b/packages/patternfly-4/react-table/src/components/Table/index.d.ts
@@ -16,6 +16,7 @@ export {
 } from './Table';
 export { default as TableHeader, HeaderProps } from './Header';
 export { default as TableBody, TableBodyProps } from './Body';
+export { RowWrapper, RowWrapperRow } from './RowWrapper';
 export { default as ExpandableRowContent } from './ExpandableRowContent';
 export { sortable, headerCol, cellWidth, ISortable, expandable, isRowExpanded } from './utils';
 export { SortByDirection } from './SortColumn';
diff --git a/packages/patternfly-4/react-table/src/components/Table/index.js b/packages/patternfly-4/react-table/src/components/Table/index.js
index c47c63d2105..0c044c99655 100644
--- a/packages/patternfly-4/react-table/src/components/Table/index.js
+++ b/packages/patternfly-4/react-table/src/components/Table/index.js
@@ -1,6 +1,8 @@
-export { default as Table, TableGridBreakpoint, TableVariant } from './Table';
+export { default as Table, TableContext, TableGridBreakpoint, TableVariant } from './Table';
 export { default as TableHeader } from './Header';
 export { default as TableBody } from './Body';
+export { default as BodyWrapper } from './BodyWrapper';
+export { default as RowWrapper } from './RowWrapper';
 export { default as ExpandableRowContent } from './ExpandableRowContent';
 export { sortable, headerCol, cellWidth, expandable, isRowExpanded } from './utils';
 export { SortByDirection } from './SortColumn';
diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/headerUtils.js b/packages/patternfly-4/react-table/src/components/Table/utils/headerUtils.js
index 8883f9e966d..d798f0e4276 100644
--- a/packages/patternfly-4/react-table/src/components/Table/utils/headerUtils.js
+++ b/packages/patternfly-4/react-table/src/components/Table/utils/headerUtils.js
@@ -68,6 +68,7 @@ const mapHeader = (column, extra, key, ...props) => {
           .replace(/\s/g, '-')) ||
       `column-${key}`,
     extraParams: extra,
+    data: column.data,
     header: generateHeader(column, title),
     cell: generateCell(column, extra),
     props: {

From dfb18fdba7fcf5563eb0313e038ff694eba00a9c Mon Sep 17 00:00:00 2001
From: suomiy <suomiy@gmail.com>
Date: Thu, 7 Mar 2019 15:34:03 +0100
Subject: [PATCH 2/2] feat(Table): support inline editing for collapsible rows 
 in PF4

---
 .../react-inline-edit-extension/package.json  |   10 +-
 .../components/InlineEdit/ConfirmButtons.js   |    2 +-
 .../InlineEdit/ConfirmButtons.test.js         |   36 +
 .../InlineEdit/InlineEdit.api.test.js         |  170 ++
 .../components/InlineEdit/InlineEdit.docs.js  |    6 +-
 .../__snapshots__/ConfirmButtons.test.js.snap |  211 +++
 .../editableRowWrapper.test.js.snap           |   67 +
 .../src/components/InlineEdit/constants.d.ts  |    1 +
 .../src/components/InlineEdit/constants.js    |    1 +
 .../InlineEdit/css/inline-edit-css.js         |    8 +-
 .../InlineEdit/editableRowWrapper.d.ts        |    4 +-
 .../InlineEdit/editableRowWrapper.js          |   66 +-
 .../InlineEdit/editableRowWrapper.test.js     |  125 ++
 .../InlineEdit/editableTableBody.d.ts         |   21 +-
 .../InlineEdit/editableTableBody.js           |   71 +-
 .../examples/CollapsibleEditableTable.js      |  284 ++++
 .../InlineEdit/examples/EditableTable.js      |  114 +-
 .../examples/EditableTableColumn.js           |   71 +-
 .../src/components/InlineEdit/index.d.ts      |    4 +-
 .../inlineEditFormatterFactory.d.ts           |    6 +-
 .../formatters/inlineEditFormatterFactory.js  |    9 +-
 .../inlineEditFormatterFactory.test.js        |   17 +-
 .../src/components/InlineEdit/utils/utils.js  |   11 +
 .../src/test-helpers/data-sets.js             |   39 +
 .../src/test-helpers/helpers.js               |    8 +
 .../react-table/src/components/Table/Body.js  |   21 +-
 .../src/components/Table/RowWrapper.test.js   |   24 +
 .../src/components/Table/Table.d.ts           |    8 +-
 .../__snapshots__/RowWrapper.test.js.snap     |   73 +
 .../Table/__snapshots__/Table.test.js.snap    | 1398 +++++++++++++++++
 .../Table/utils/decorators/headerCol.js       |   11 +-
 31 files changed, 2742 insertions(+), 155 deletions(-)
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/ConfirmButtons.test.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.api.test.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/__snapshots__/ConfirmButtons.test.js.snap
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/__snapshots__/editableRowWrapper.test.js.snap
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.test.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/CollapsibleEditableTable.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/test-helpers/data-sets.js
 create mode 100644 packages/patternfly-4/react-inline-edit-extension/src/test-helpers/helpers.js
 create mode 100644 packages/patternfly-4/react-table/src/components/Table/RowWrapper.test.js
 create mode 100644 packages/patternfly-4/react-table/src/components/Table/__snapshots__/RowWrapper.test.js.snap

diff --git a/packages/patternfly-4/react-inline-edit-extension/package.json b/packages/patternfly-4/react-inline-edit-extension/package.json
index bb21fa5045d..282446e3970 100644
--- a/packages/patternfly-4/react-inline-edit-extension/package.json
+++ b/packages/patternfly-4/react-inline-edit-extension/package.json
@@ -27,11 +27,11 @@
   },
   "homepage": "https://github.com/patternfly/patternfly-react/tree/master/packages/patternfly-4/",
   "dependencies": {
-    "@patternfly/patternfly": "1.0.240",
-    "@patternfly/react-core": "^2.6.1",
-    "@patternfly/react-table": "^1.3.3",
-    "@patternfly/react-icons": "^3.3.1",
-    "@patternfly/react-styles": "^2.3.9",
+    "@patternfly/patternfly": "1.0.244",
+    "@patternfly/react-core": "^2.9.2",
+    "@patternfly/react-table": "^1.3.4",
+    "@patternfly/react-icons": "^3.6.1",
+    "@patternfly/react-styles": "^2.4.0",
     "classnames": "^2.2.5",
     "exenv": "^1.2.2",
     "reactabular-table": "^8.14.0"
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/ConfirmButtons.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/ConfirmButtons.js
index d7b1735c2c5..2192904037c 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/ConfirmButtons.js
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/ConfirmButtons.js
@@ -18,7 +18,7 @@ const buttonsTopPosition = (window, rowDimensions, bold) => {
 const buttonsBottomPosition = (window, rowDimensions, bold) => {
   const boldShift = bold ? -1 : 0;
   return {
-    top: rowDimensions.bottom + boldShift,
+    top: rowDimensions.bottom - 1 + boldShift,
     right: window.width - rowDimensions.right + 10
   };
 };
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/ConfirmButtons.test.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/ConfirmButtons.test.js
new file mode 100644
index 00000000000..ac12f4a72d7
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/ConfirmButtons.test.js
@@ -0,0 +1,36 @@
+import React from 'react';
+import { mount } from 'enzyme/build';
+
+import { default as ConfirmButtons } from './ConfirmButtons';
+
+const getConfirmButtons = () => (
+  <ConfirmButtons
+    onCancel={jest.fn()}
+    onConfirm={jest.fn()}
+    buttonsOnTop
+    boldBorder
+    messages={{
+      confirmButtonLabel: 'Confirm',
+      cancelButtonLabel: 'Discard'
+    }}
+    environment={{
+      window: {
+        width: 500,
+        height: 500
+      },
+      row: {
+        top: 100,
+        bottom: 90,
+        left: 30,
+        right: 40
+      }
+    }}
+  />
+);
+
+describe('ConfirmButtons', () => {
+  test('renders correctly', () => {
+    const view = mount(getConfirmButtons());
+    expect(view).toMatchSnapshot();
+  });
+});
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.api.test.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.api.test.js
new file mode 100644
index 00000000000..eaa3ad8ca31
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.api.test.js
@@ -0,0 +1,170 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import { Table, TableHeader, TableBody, RowWrapper } from '@patternfly/react-table';
+import { TextInput } from '@patternfly/react-core';
+
+import { default as editableRowWrapper } from './editableRowWrapper';
+import { default as editableTableBody } from './editableTableBody';
+import { inlineEditFormatterFactory } from './utils';
+import { TableEditConfirmation } from './constants';
+import { TableTextInput } from '../TableTextInput';
+
+import { rows, columns } from '../../test-helpers/data-sets';
+import { mockClosest, makeTableId } from '../../test-helpers/helpers';
+
+const firstColTitle = 'editcolfirst';
+const lastColTitle = 'editcollast';
+const firstInputName = 'inputOne';
+const secondInputName = 'inputTwo';
+
+const editRowIndex = 2;
+
+const firstColEditedRowInputId = {
+  rowIndex: editRowIndex,
+  columnIndex: 0,
+  column: {
+    property: firstColTitle
+  },
+  name: firstInputName
+};
+
+const lastColEditedRowInputId = {
+  rowIndex: editRowIndex,
+  columnIndex: columns.length + 2 - 1,
+  column: {
+    property: lastColTitle
+  },
+  name: secondInputName
+};
+
+describe('Editable table', () => {
+  let mountOptions;
+  let container;
+
+  beforeEach(() => {
+    container = mount(<div />);
+
+    mountOptions = {
+      attachTo: container.getDOMNode()
+    };
+
+    // mock closest for selecting the first column (firing onEditCellClicked) and resolving table for confirm buttons
+    mockClosest(
+      {
+        '[data-key]': {
+          getAttribute: () => firstColEditedRowInputId.columnIndex,
+          contains: elem => elem.getAttribute('id') === makeTableId(firstColEditedRowInputId)
+        },
+        '[id]': {
+          getAttribute: () => makeTableId(firstColEditedRowInputId)
+        }
+      },
+      selector => (selector === 'table' ? container.getDOMNode().getElementsByTagName('table')[0] : undefined),
+      true
+    );
+  });
+
+  afterEach(() => {
+    container.unmount();
+  });
+
+  test('should call correct function', () => {
+    const ComposedBody = editableTableBody(TableBody);
+    const ComposedRowWrapper = editableRowWrapper(RowWrapper);
+
+    const onBlur = jest.fn();
+
+    const inlineEditingFormatter = inlineEditFormatterFactory({
+      renderEdit: (value, { columnIndex, rowIndex, column }, { activeEditId }) => {
+        const firstInputId = makeTableId({
+          rowIndex,
+          columnIndex,
+          column,
+          name: firstInputName
+        });
+        const secondInputId = makeTableId({
+          rowIndex,
+          columnIndex,
+          column,
+          name: secondInputName
+        });
+        return (
+          <React.Fragment>
+            <TableTextInput
+              id={firstInputId}
+              defaultValue={value}
+              onBlur={onBlur}
+              autoFocus={activeEditId === firstInputId}
+            />
+            <TableTextInput
+              id={secondInputId}
+              defaultValue={value}
+              onBlur={onBlur}
+              autoFocus={activeEditId === secondInputId}
+            />
+          </React.Fragment>
+        );
+      }
+    });
+
+    const editableCols = [
+      {
+        title: firstColTitle,
+        cellFormatters: [inlineEditingFormatter]
+      },
+      ...columns,
+      {
+        title: lastColTitle,
+        cellFormatters: [inlineEditingFormatter]
+      }
+    ];
+
+    const editableRows = rows.map(row => ({
+      ...row,
+      cells: ['', ...row.cells, ''] // add two new columns
+    }));
+    editableRows[editRowIndex].isEditing = true;
+
+    const editConfig = {
+      activeEditId: makeTableId(lastColEditedRowInputId),
+      onEditCellClicked: jest.fn(),
+      editConfirmationType: TableEditConfirmation.ROW,
+      onEditConfirmed: jest.fn(),
+      onEditCanceled: jest.fn()
+    };
+    const view = mount(
+      <Table caption="Editable table" cells={editableCols} rows={editableRows} rowWrapper={ComposedRowWrapper}>
+        <TableHeader />
+        <ComposedBody editConfig={editConfig} />
+      </Table>,
+      mountOptions
+    );
+
+    // calls onBlur properly
+    const editTextInputWrapper = view
+      .find(TextInput)
+      .find(`#${makeTableId(lastColEditedRowInputId)}`)
+      .first();
+    editTextInputWrapper.prop('onBlur')({ currentTarget: { value: 'water' } });
+
+    expect(onBlur).toHaveBeenCalled();
+    expect(onBlur.mock.calls).toHaveLength(1);
+    expect(onBlur.mock.calls[0][0]).toBe('water');
+
+    // responds to cell click
+    view
+      .find(`#${makeTableId(firstColEditedRowInputId)}`)
+      .hostNodes()
+      .simulate('mousedown');
+
+    // should immediately call onEditCellClicked
+    setTimeout(() => expect(editConfig.onEditCellClicked).toHaveBeenCalled(), 0);
+
+    // responds to confirmation button clicks
+    view.find('.pf-c-table__inline-edit-buttons button.pf-c-button.pf-m-primary').simulate('mouseup');
+    expect(editConfig.onEditConfirmed).toHaveBeenCalled();
+
+    view.find('.pf-c-table__inline-edit-buttons button.pf-c-button.pf-m-plain').simulate('mouseup');
+    expect(editConfig.onEditCanceled).toHaveBeenCalled();
+  });
+});
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.docs.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.docs.js
index 9d90d7ad94b..5700703aa6d 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.docs.js
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.docs.js
@@ -1,11 +1,13 @@
 import EditableTable from './examples/EditableTable';
 import EditableTableColumn from './examples/EditableTableColumn';
+import CollapsibleEditableTable from './examples/CollapsibleEditableTable';
 
 export default {
-  title: 'Inline Editing Table',
+  title: 'Inline Edit Table',
   components: {},
   examples: [
     { component: EditableTable, title: 'Editable table With Inline Edit Row' },
-    { component: EditableTableColumn, title: 'Editable Table With Inline Edit Columns' }
+    { component: EditableTableColumn, title: 'Editable Table With Inline Edit Columns' },
+    { component: CollapsibleEditableTable, title: 'Editable Table With Collapsible Rows' }
   ]
 };
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/__snapshots__/ConfirmButtons.test.js.snap b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/__snapshots__/ConfirmButtons.test.js.snap
new file mode 100644
index 00000000000..beb6f13405a
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/__snapshots__/ConfirmButtons.test.js.snap
@@ -0,0 +1,211 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ConfirmButtons renders correctly 1`] = `
+.pf-c-button.pf-m-primary {
+  display: inline-block;
+  position: relative;
+  padding: 0.375rem 1rem 0.375rem 1rem;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+  text-align: center;
+  white-space: nowrap;
+  user-select: none;
+  border: 0px;
+  border-radius: 3px;
+  color: #ffffff;
+  background-color: #007bba;
+}
+.pf-c-button.pf-m-plain {
+  display: inline-block;
+  position: relative;
+  padding: 0.375rem 1rem 0.375rem 1rem;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+  text-align: center;
+  white-space: nowrap;
+  user-select: none;
+  border: 0px;
+  border-radius: 3px;
+  color: #72767b;
+}
+.pf-c-table__inline-edit-buttons.pf-m-top.pf-m-bold {
+  display: block;
+  position: fixed;
+  z-index: 1000;
+  padding: 4px;
+  margin: 0px;
+  background: #def3ff;
+  border: 1px solid #7dc3e8;
+  border-bottom: 0;
+  border-width: 3px;
+}
+
+<ConfirmButtons
+  boldBorder={true}
+  buttonsOnTop={true}
+  environment={
+    Object {
+      "row": Object {
+        "bottom": 90,
+        "left": 30,
+        "right": 40,
+        "top": 100,
+      },
+      "window": Object {
+        "height": 500,
+        "width": 500,
+      },
+    }
+  }
+  messages={
+    Object {
+      "cancelButtonLabel": "Discard",
+      "confirmButtonLabel": "Confirm",
+    }
+  }
+  onCancel={[MockFunction]}
+  onConfirm={[MockFunction]}
+>
+  <div
+    className="pf-c-table__inline-edit-buttons pf-m-top pf-m-bold"
+    key="confirmButtons"
+    style={
+      Object {
+        "bottom": 398,
+        "right": 470,
+      }
+    }
+  >
+    <ConfirmButton
+      aria-label="Confirm"
+      className=""
+      component="button"
+      isActive={false}
+      isBlock={false}
+      isDisabled={false}
+      isFocus={false}
+      isHover={false}
+      key="confirm"
+      onMouseUp={[MockFunction]}
+      type="button"
+      variant="primary"
+    >
+      <Button
+        aria-label="Confirm"
+        className=""
+        component="button"
+        isActive={false}
+        isBlock={false}
+        isDisabled={false}
+        isFocus={false}
+        isHover={false}
+        onMouseUp={[MockFunction]}
+        type="button"
+        variant="primary"
+      >
+        <button
+          aria-disabled={null}
+          aria-label="Confirm"
+          className="pf-c-button pf-m-primary"
+          disabled={false}
+          onMouseUp={[MockFunction]}
+          tabIndex={null}
+          type="button"
+        >
+          <CheckIcon
+            color="currentColor"
+            size="sm"
+            title={null}
+          >
+            <svg
+              aria-hidden={true}
+              aria-labelledby={null}
+              fill="currentColor"
+              height="1em"
+              role="img"
+              style={
+                Object {
+                  "verticalAlign": "-0.125em",
+                }
+              }
+              viewBox="0 0 512 512"
+              width="1em"
+            >
+              <path
+                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
+                transform=""
+              />
+            </svg>
+          </CheckIcon>
+        </button>
+      </Button>
+    </ConfirmButton>
+    <CancelButton
+      aria-label="Discard"
+      className=""
+      component="button"
+      isActive={false}
+      isBlock={false}
+      isDisabled={false}
+      isFocus={false}
+      isHover={false}
+      key="cancel"
+      onMouseUp={[MockFunction]}
+      type="button"
+      variant="plain"
+    >
+      <Button
+        aria-label="Discard"
+        className=""
+        component="button"
+        isActive={false}
+        isBlock={false}
+        isDisabled={false}
+        isFocus={false}
+        isHover={false}
+        onMouseUp={[MockFunction]}
+        type="button"
+        variant="plain"
+      >
+        <button
+          aria-disabled={null}
+          aria-label="Discard"
+          className="pf-c-button pf-m-plain"
+          disabled={false}
+          onMouseUp={[MockFunction]}
+          tabIndex={null}
+          type="button"
+        >
+          <CloseIcon
+            color="currentColor"
+            size="sm"
+            title={null}
+          >
+            <svg
+              aria-hidden={true}
+              aria-labelledby={null}
+              fill="currentColor"
+              height="1em"
+              role="img"
+              style={
+                Object {
+                  "verticalAlign": "-0.125em",
+                }
+              }
+              viewBox="0 64 731 1024"
+              width="1em"
+            >
+              <path
+                d="M96.464 804.571c-4.816-0.064-9.12-1.963-12.912-5.733l-77.815-77.815c-3.769-3.794-5.669-8.096-5.735-12.91-0.032-4.839 1.815-9.113 5.543-12.823l616.603-616.606c3.71-3.714 7.986-5.577 12.823-5.541 4.834 0.039 9.138 1.957 12.91 5.73l77.817 77.819c3.769 3.769 5.691 8.066 5.73 12.912 0.037 4.839-1.829 9.106-5.538 12.825l-616.606 616.599c-3.717 3.73-7.986 5.575-12.821 5.541zM622.144 799.031l-616.603-616.601c-3.726-3.717-5.577-7.989-5.536-12.827 0.059-4.843 1.959-9.143 5.728-12.914l77.817-77.817c3.792-3.774 8.096-5.691 12.91-5.728 4.837-0.039 9.106 1.824 12.821 5.536l616.599 616.608c3.717 3.712 5.579 7.989 5.543 12.823-0.041 4.814-1.959 9.118-5.728 12.91l-77.824 77.808c-3.767 3.778-8.073 5.678-12.907 5.744-4.834 0.034-9.104-1.815-12.818-5.541z"
+                transform="rotate(180 0 512) scale(-1 1)"
+              />
+            </svg>
+          </CloseIcon>
+        </button>
+      </Button>
+    </CancelButton>
+  </div>
+</ConfirmButtons>
+`;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/__snapshots__/editableRowWrapper.test.js.snap b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/__snapshots__/editableRowWrapper.test.js.snap
new file mode 100644
index 00000000000..541f9fee115
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/__snapshots__/editableRowWrapper.test.js.snap
@@ -0,0 +1,67 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`editableRowWrapper renders correctly 1`] = `
+.pf-c-table__editable-row {
+  display: block;
+}
+
+<RowWrapper
+  className=""
+  onResize={[MockFunction]}
+  onScroll={[MockFunction]}
+  row={
+    Object {
+      "editConfig": Object {
+        "editConfirmationType": null,
+      },
+    }
+  }
+  rowProps={null}
+  trRef={
+    [MockFunction] {
+      "calls": Array [
+        Array [
+          <tr />,
+        ],
+        Array [
+          null,
+        ],
+        Array [
+          <tr />,
+        ],
+      ],
+      "results": Array [
+        Object {
+          "isThrow": false,
+          "value": undefined,
+        },
+        Object {
+          "isThrow": false,
+          "value": undefined,
+        },
+        Object {
+          "isThrow": false,
+          "value": undefined,
+        },
+      ],
+    }
+  }
+>
+  <TestRow
+    className="pf-c-table__editable-row"
+    onResize={[MockFunction]}
+    onScroll={[MockFunction]}
+    row={
+      Object {
+        "editConfig": Object {
+          "editConfirmationType": null,
+        },
+      }
+    }
+    rowProps={null}
+    trRef={[Function]}
+  >
+    <tr />
+  </TestRow>
+</RowWrapper>
+`;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.d.ts
index d0bdde25616..0dd282396c7 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.d.ts
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.d.ts
@@ -1,6 +1,7 @@
 export const TableEditConfirmation: {
   NONE: 'NONE',
   ROW: 'ROW',
+  NO_CONFIRM_ROW: 'NO_CONFIRM_ROW',
   TABLE_TOP: 'TABLE_TOP',
   TABLE_BOTTOM: 'TABLE_BOTTOM'
 };
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.js
index ffdc47e0286..44d37c295f1 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.js
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/constants.js
@@ -1,6 +1,7 @@
 export const TableEditConfirmation = {
   NONE: 'NONE',
   ROW: 'ROW',
+  NO_CONFIRM_ROW: 'NO_CONFIRM_ROW',
   TABLE_TOP: 'TABLE_TOP',
   TABLE_BOTTOM: 'TABLE_BOTTOM'
 };
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/css/inline-edit-css.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/css/inline-edit-css.js
index ca6bb9711db..fcc7ed75172 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/css/inline-edit-css.js
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/css/inline-edit-css.js
@@ -4,15 +4,13 @@ const pfColorBlue50 = '#def3ff';
 const pfColorBlue200 = '#7dc3e8';
 
 export const inlineEditCss = StyleSheet.parse(`
-  .pf-c-table__editable-row {    
-    border: 1px solid transparent;
-    
+  tr.pf-c-table__editable-row {    
     &:hover,
     &.pf-m-editing {
+      background: ${pfColorBlue50} !important;
       td {
-        background: ${pfColorBlue50};
-        border-top: 1px solid ${pfColorBlue200} !important;
         border-bottom: 1px solid ${pfColorBlue200} !important;
+        border-top: 1px solid ${pfColorBlue200} !important;
   
         &:first-child {
           border-left: 1px solid ${pfColorBlue200} !important;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.d.ts
index 85d3f9ebe42..742af07ad4e 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.d.ts
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.d.ts
@@ -6,8 +6,8 @@ import { EditConfig } from './editableTableBody'
 export interface EditableRowWrapperRow extends RowWrapperRow {
   isEditing: boolean;
   isTableEditing: boolean;
-  isLast: boolean;
-  isFirst: boolean;
+  isFirstVisible: boolean;
+  isLastVisible: boolean;
   editConfig: EditConfig;
 }
 
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.js
index 5e522937273..490b0af94ad 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.js
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.js
@@ -27,8 +27,11 @@ const propTypes = {
     isExpanded: PropTypes.bool,
     isEditing: PropTypes.bool,
     isTableEditing: PropTypes.bool,
-    isLast: PropTypes.bool,
-    isFirst: PropTypes.bool,
+    isFirstVisible: PropTypes.bool,
+    isLastVisible: PropTypes.bool,
+    isChildEditing: PropTypes.bool,
+    isParentEditing: PropTypes.bool,
+    isLastVisibleParent: PropTypes.bool,
     editConfig: PropTypes.object
   }),
   rowProps: PropTypes.object
@@ -45,38 +48,54 @@ const defaultProps = {
     isExpanded: undefined,
     isEditing: undefined,
     isTableEditing: undefined,
-    isLast: undefined,
-    isFirst: undefined,
+    isFirstVisible: undefined,
+    isLastVisible: undefined,
+    isChildEditing: undefined,
+    isParentEditing: undefined,
+    isLastVisibleParent: undefined,
     editConfig: undefined
   },
   rowProps: null
 };
 
+// TableEditConfirmation constants like TABLE_TOP cannot be referenced but must be hardcoded due to this issue:
+// https://github.com/reactjs/react-docgen/issues/317#issue-393678795
 const tableConfirmationMapper = {
-  [TableEditConfirmation.TABLE_TOP]: {
-    hasConfirmationButtons: ({ isTableEditing, isFirst }) => isTableEditing && isFirst,
+  TABLE_TOP: {
+    hasConfirmationButtons: ({ isTableEditing, isFirstVisible }) => isTableEditing && isFirstVisible,
     isTableConfirmation: () => true,
     areButtonsOnTop: () => true,
     hasBoldBorder: () => true,
-    getEditStyles: ({ isTableEditing, isFirst }) =>
-      css(styles.tableEditableRow, isTableEditing && isFirst && styles.modifiers.tableEditingFirstRow)
+    getEditStyles: ({ isTableEditing, isFirstVisible }) =>
+      css(styles.tableEditableRow, isTableEditing && isFirstVisible && styles.modifiers.tableEditingFirstRow)
   },
-  [TableEditConfirmation.TABLE_BOTTOM]: {
-    hasConfirmationButtons: ({ isTableEditing, isLast }) => isTableEditing && isLast,
+  TABLE_BOTTOM: {
+    hasConfirmationButtons: ({ isTableEditing, isLastVisible }) => isTableEditing && isLastVisible,
     isTableConfirmation: () => true,
     areButtonsOnTop: () => false,
     hasBoldBorder: () => true,
-    getEditStyles: ({ isTableEditing, isLast }) =>
-      css(styles.tableEditableRow, isTableEditing && isLast && styles.modifiers.tableEditingLastRow)
+    getEditStyles: ({ isTableEditing, isLastVisible }) =>
+      css(styles.tableEditableRow, isTableEditing && isLastVisible && styles.modifiers.tableEditingLastRow)
   },
-  [TableEditConfirmation.ROW]: {
-    hasConfirmationButtons: ({ isEditing }) => isEditing,
+  ROW: {
+    hasConfirmationButtons: ({ isEditing, isParentEditing, isLastVisibleParent, isChildEditing, isLastVisible }) =>
+      isEditing &&
+      !(isChildEditing && isParentEditing) && // buttons can't appear in the middle
+      !(isParentEditing && isLastVisible) && // parent will show the buttons on top
+      !(isChildEditing && !isLastVisibleParent), // child will show the buttons on bottom
     isTableConfirmation: () => false,
-    areButtonsOnTop: ({ isLast }) => isLast,
+    areButtonsOnTop: ({ isLastVisible, isLastVisibleParent }) => isLastVisible || isLastVisibleParent,
     hasBoldBorder: () => false,
     getEditStyles: ({ isEditing }) => css(styles.tableEditableRow, isEditing && styles.modifiers.editing)
   },
-  [TableEditConfirmation.NONE]: {
+  NO_CONFIRM_ROW: {
+    hasConfirmationButtons: () => false,
+    isTableConfirmation: () => false,
+    areButtonsOnTop: () => false,
+    hasBoldBorder: () => false,
+    getEditStyles: ({ isEditing }) => css(styles.tableEditableRow, isEditing && styles.modifiers.editing)
+  },
+  NONE: {
     hasConfirmationButtons: () => false,
     isTableConfirmation: () => false,
     areButtonsOnTop: () => false,
@@ -105,9 +124,8 @@ const editableRowWrapper = RowWrapperComponent => {
     });
 
     setStateWith2dEquals = newState => {
-      this.setState(
-        oldState =>
-          Object.keys(newState).find(key => !shallowLeftSideEquals(newState[key], oldState[key])) ? newState : null
+      this.setState(oldState =>
+        Object.keys(newState).find(key => !shallowLeftSideEquals(newState[key], oldState[key])) ? newState : null
       );
     };
 
@@ -150,7 +168,7 @@ const editableRowWrapper = RowWrapperComponent => {
 
     getConfirmationButtons() {
       const { row, rowProps, ...props } = this.props;
-      const { isLast, editConfig } = row;
+      const { isLastVisible, isParentEditing, isLastVisibleParent, editConfig } = row;
 
       if (!editConfig) {
         return null;
@@ -167,7 +185,7 @@ const editableRowWrapper = RowWrapperComponent => {
             {...props}
             onConfirm={event => onEditConfirmed(event, actionObject, options)}
             onCancel={event => onEditCanceled(event, actionObject, options)}
-            buttonsOnTop={tableConfirmation.areButtonsOnTop({ isLast })}
+            buttonsOnTop={tableConfirmation.areButtonsOnTop({ isLastVisible, isParentEditing, isLastVisibleParent })}
             boldBorder={tableConfirmation.hasBoldBorder()}
             environment={{
               window: this.state.window,
@@ -186,14 +204,14 @@ const editableRowWrapper = RowWrapperComponent => {
         className,
         onScroll,
         onResize,
-        row: { isFirst, isLast, isEditing, isTableEditing, editConfig }
+        row: { isFirstVisible, isLastVisible, isEditing, isTableEditing, editConfig }
       } = this.props;
       const { hasConfirmationButtons } = this.state;
       const trClassName = getTableConfirmation({ editConfig }).getEditStyles({
         isEditing,
         isTableEditing,
-        isFirst,
-        isLast
+        isFirstVisible,
+        isLastVisible
       });
 
       return (
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.test.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.test.js
new file mode 100644
index 00000000000..0024bec2777
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableRowWrapper.test.js
@@ -0,0 +1,125 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { mount } from 'enzyme/build';
+
+import { default as editableRowWrapper } from './editableRowWrapper';
+import { TableEditConfirmation } from './constants';
+import { mockClosest } from '../../test-helpers/helpers';
+
+const TestRow = ({ trRef }) => <tr ref={trRef} />;
+
+TestRow.propTypes = {
+  trRef: PropTypes.func
+};
+
+TestRow.defaultProps = {
+  trRef: null
+};
+
+const getRowWrapper = (row, props) => {
+  const RowWrapper = editableRowWrapper(TestRow);
+  return <RowWrapper {...props} row={row} />;
+};
+
+const buildRow = (row = {}, editConfirmationType = TableEditConfirmation.ROW) => ({
+  ...row,
+  editConfig: { editConfirmationType }
+});
+
+describe('editableRowWrapper', () => {
+  let mountOptions;
+  let container;
+
+  beforeEach(() => {
+    container = mount(
+      <table>
+        <tbody />
+      </table>
+    );
+    mountOptions = {
+      attachTo: container.find('tbody').getDOMNode()
+    };
+
+    mockClosest(null, selector => (selector === 'table' ? container.getDOMNode() : undefined), true);
+  });
+
+  afterEach(() => {
+    container.unmount();
+  });
+
+  test('renders correctly', () => {
+    const trRef = jest.fn();
+    const view = mount(
+      getRowWrapper(buildRow({}, null), {
+        onResize: jest.fn(),
+        onScroll: jest.fn(),
+        trRef
+      }),
+      mountOptions
+    );
+    expect(view).toMatchSnapshot();
+    expect(trRef).toHaveBeenCalled();
+  });
+
+  test('sets editable row classname', () => {
+    [...Object.keys(TableEditConfirmation), null].forEach(confirmationType => {
+      const view = mount(getRowWrapper(buildRow({}, confirmationType)), mountOptions);
+      expect(view.find('.pf-c-table__editable-row')).toHaveLength(1);
+      view.detach();
+    });
+  });
+
+  test('has inline edit buttons', () => {
+    [
+      buildRow({ isEditing: true }),
+      buildRow({ isEditing: true, isParentEditing: true }), // expandable
+      buildRow({ isEditing: true, isChildEditing: true, isLastVisibleParent: true }), // expandable
+      buildRow({ isTableEditing: true, isFirstVisible: true }, TableEditConfirmation.TABLE_TOP),
+      buildRow({ isTableEditing: true, isLastVisible: true }, TableEditConfirmation.TABLE_BOTTOM)
+    ].forEach(row => {
+      const view = mount(getRowWrapper(row), mountOptions);
+      expect(view.find('.pf-c-table__inline-edit-buttons')).toHaveLength(1);
+      view.detach();
+    });
+  });
+
+  test('does not have inline edit buttons', () => {
+    [
+      buildRow({ isEditing: true }, TableEditConfirmation.NONE),
+      buildRow({ isEditing: true }, TableEditConfirmation.TABLE_TOP),
+      buildRow({ isEditing: true }, TableEditConfirmation.TABLE_BOTTOM),
+      buildRow({ isEditing: true, isParentEditing: true, isLastVisible: true }), // expandable
+      buildRow({ isEditing: true, isChildEditing: true }), // expandable
+      buildRow({ isTableEditing: true, isLastVisible: true }, TableEditConfirmation.NONE),
+      buildRow({ isTableEditing: true, isLastVisible: true }),
+      buildRow({ isTableEditing: true }, TableEditConfirmation.TABLE_TOP),
+      buildRow({ isTableEditing: true }, TableEditConfirmation.TABLE_BOTTOM),
+      buildRow({ isTableEditing: true, isLastVisible: true }, TableEditConfirmation.TABLE_TOP),
+      buildRow({ isTableEditing: true, isFirstVisible: true }, TableEditConfirmation.TABLE_BOTTOM)
+    ].forEach(row => {
+      const view = mount(getRowWrapper(row), mountOptions);
+      expect(view.find('.pf-c-table__inline-edit-buttons')).toHaveLength(0);
+      view.detach();
+    });
+  });
+
+  test('onEditConfirmed and onEditCanceled called', () => {
+    const onEditConfirmed = jest.fn();
+    const onEditCanceled = jest.fn();
+    const row = {
+      isEditing: true,
+      editConfig: {
+        editConfirmationType: TableEditConfirmation.ROW,
+        onEditConfirmed,
+        onEditCanceled
+      }
+    };
+
+    const view = mount(getRowWrapper(row, null, React.Fragment), mountOptions);
+    view.find('.pf-c-table__inline-edit-buttons button.pf-c-button.pf-m-primary').simulate('mouseup');
+    expect(onEditConfirmed).toHaveBeenCalled();
+
+    view.find('.pf-c-table__inline-edit-buttons button.pf-c-button.pf-m-plain').simulate('mouseup');
+    expect(onEditCanceled).toHaveBeenCalled();
+  });
+});
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.d.ts
index dddc74eb5d4..1e18ead8296 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.d.ts
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.d.ts
@@ -1,34 +1,25 @@
 import { Component, FunctionComponent, MouseEvent } from 'react';
-import { TableBodyProps } from '@patternfly/react-table';
+import { TableBodyProps, IRowData, IExtraRowData } from '@patternfly/react-table';
 import { OneOf } from '@patternfly/react-core';
 
 import { TableEditConfirmation } from './constants'
 
-
-export interface RowData {
-}
-
-export interface RowProps {
-  rowIndex: number;
-  rowKey: string;
-}
-
-export interface RowExtraProps extends RowProps {
+export interface IEditedCellData extends IExtraRowData {
   columnIndex: number;
+  elementId?: string;
 }
 
 export interface EditConfig {
   editConfirmationType?: OneOf<typeof TableEditConfirmation, keyof typeof TableEditConfirmation>;
-  onEditCellChanged?(value: MouseEvent, row: RowData, extra: RowExtraProps): void;
-  onEditConfirmed?(value: MouseEvent, row: RowData, rowProps: RowProps): void;
-  onEditCanceled?(value: MouseEvent, row: RowData, rowProps: RowProps): void;
+  onEditCellClicked?(value: MouseEvent, row: IRowData, extra: IEditedCellData): void;
+  onEditConfirmed?(value: MouseEvent, row: IRowData, rowProps: IExtraRowData): void;
+  onEditCanceled?(value: MouseEvent, row: IRowData, rowProps: IExtraRowData): void;
 }
 
 export interface InlineEditBodyProps extends TableBodyProps {
   editConfig: EditConfig;
 }
 
-
 export interface EditableTableBody {
   (bodyComponent: Component): FunctionComponent<InlineEditBodyProps>;
 }
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.js
index cc67feaa99c..29978e1f727 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.js
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/editableTableBody.js
@@ -1,14 +1,15 @@
 import React from 'react';
-import { TableContext, TableBody } from '@patternfly/react-table';
+import { TableContext, TableBody, isRowExpanded } from '@patternfly/react-table';
 
 import PropTypes from 'prop-types';
 import { TableEditConfirmation } from './constants';
+import { showIdWarnings } from './utils/utils';
 
 const propTypes = {
   ...TableBody.propTypes,
   editConfig: PropTypes.shape({
     editConfirmationType: PropTypes.oneOf(Object.values(TableEditConfirmation)),
-    onEditCellChanged: PropTypes.func,
+    onEditCellClicked: PropTypes.func,
     onEditConfirmed: PropTypes.func,
     onEditCanceled: PropTypes.func
   }).isRequired,
@@ -22,20 +23,60 @@ const defaultProps = {
   onRowClick: () => undefined
 };
 
+const resolveCascadeEditability = rows => {
+  const isRowExpandedIndexes = new Set(
+    rows.map((row, idx) => (isRowExpanded(row, rows) ? idx : null)).filter(row => row !== null)
+  );
+
+  // flag parents and their children which are edited together
+  rows
+    .filter(
+      (row, idx) =>
+        row.parent !== undefined &&
+        row.isEditing &&
+        isRowExpandedIndexes.has(idx) &&
+        row.isEditableTogetherWithParent &&
+        rows[row.parent].isEditing
+    )
+    .forEach(row => {
+      rows[row.parent].isChildEditing = true;
+      row.isParentEditing = true;
+    });
+
+  const lastVisibleRow = rows.filter((row, idx) => !row.parent || isRowExpandedIndexes.has(idx)).pop();
+
+  // flag last parent row if there are only descendants under it
+  if (lastVisibleRow && lastVisibleRow.isParentEditing) {
+    let parentRow = lastVisibleRow;
+    while (parentRow.parent !== undefined && parentRow.isEditableTogetherWithParent) {
+      parentRow = rows[parentRow.parent];
+    }
+    parentRow.isLastVisibleParent = true;
+  }
+};
+
 const onRow = (event, row, rowProps, computedData, { onRowClick, editConfig }) => {
-  const cell = event.target.closest('[data-key]');
+  const { target } = event;
+  const cell = target.closest('[data-key]');
   const cellNumber = parseInt(cell && cell.getAttribute('data-key'));
   const hasCellNumber = !Number.isNaN(cellNumber);
 
-  let onEditCellChanged;
-  let targetsAlreadyEditedCell = false;
+  let onEditCellClicked;
+
+  if (hasCellNumber && editConfig && typeof editConfig.onEditCellClicked === 'function') {
+    // resolve closest (e.g. for dropdowns) usable id of a clicked element inside a cell
+    const idElement = target.closest('[id]');
+    const elementId = idElement && cell.contains(idElement) ? idElement.getAttribute('id') || null : null;
 
-  if (hasCellNumber && editConfig && typeof editConfig.onEditCellChanged === 'function') {
-    targetsAlreadyEditedCell = cellNumber === row.activeEditCell;
-    onEditCellChanged = () => {
-      editConfig.onEditCellChanged(event, row, {
+    if (!elementId) {
+      showIdWarnings(row, target);
+    }
+
+    onEditCellClicked = () => {
+      editConfig.onEditCellClicked(event, row, {
         ...rowProps,
-        columnIndex: cellNumber
+        columnIndex: cellNumber,
+        elementId
       });
     };
   }
@@ -45,12 +86,12 @@ const onRow = (event, row, rowProps, computedData, { onRowClick, editConfig }) =
   setTimeout(() => {
     if (!row.isEditing) {
       onRowClick(event, row, rowProps, computedData);
-      if (onEditCellChanged) {
+      if (onEditCellClicked) {
         // edit cell after rerender
-        setTimeout(onEditCellChanged, 0);
+        setTimeout(onEditCellClicked, 0);
       }
-    } else if (onEditCellChanged && !targetsAlreadyEditedCell) {
-      onEditCellChanged();
+    } else if (onEditCellClicked) {
+      onEditCellClicked();
     }
   }, 0);
 };
@@ -63,6 +104,8 @@ const Body = ({ BodyComponent, rows, editConfig, onRowClick, ...props }) => {
     isTableEditing
   }));
 
+  resolveCascadeEditability(mappedRows);
+
   return (
     <BodyComponent
       {...props}
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/CollapsibleEditableTable.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/CollapsibleEditableTable.js
new file mode 100644
index 00000000000..efb702e82ad
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/CollapsibleEditableTable.js
@@ -0,0 +1,284 @@
+import React from 'react';
+import { Table, TableHeader, TableBody, RowWrapper, ExpandableRowContent } from '@patternfly/react-table';
+import {
+  editableTableBody,
+  editableRowWrapper,
+  inlineEditFormatterFactory,
+  TableEditConfirmation,
+  TableTextInput
+} from '@patternfly/react-inline-edit-extension';
+
+class CollapsibleEditableTable extends React.Component {
+  makeId = ({ column, rowIndex, columnIndex, name }) =>
+    `${column.property}-${rowIndex}-${columnIndex}${name ? `-${name}` : ''}`;
+
+  constructor(props) {
+    super(props);
+
+    const childEditRenderer = (value, { column, rowIndex, rowData, columnIndex, activeEditId }) => (
+      <ExpandableRowContent>
+        {rowData.data.modules.map((module, idx) => {
+          const inlineStyle = {
+            marginLeft: idx && '1em',
+            display: 'inline-block',
+            width: '48%'
+          };
+
+          const id = this.makeId({ rowIndex, columnIndex, column, name: `module-${idx}` });
+
+          return (
+            <TableTextInput
+              id={id}
+              key={id}
+              defaultValue={module}
+              style={inlineStyle}
+              onBlur={newValue =>
+                this.onChange(newValue, {
+                  rowIndex,
+                  moduleIndex: idx
+                })
+              }
+              autoFocus={activeEditId === id}
+            />
+          );
+        })}
+      </ExpandableRowContent>
+    );
+
+    const parentEditRenderer = (value, { column, rowIndex, columnIndex, activeEditId }) => {
+      const id = this.makeId({ rowIndex, columnIndex, column, name: 'parent-repo' });
+      return (
+        <TableTextInput
+          id={id}
+          key={id}
+          defaultValue={value}
+          onBlur={newValue =>
+            this.onChange(newValue, {
+              rowIndex,
+              columnIndex
+            })
+          }
+          autoFocus={activeEditId === id}
+        />
+      );
+    };
+
+    const textInputFormatter = inlineEditFormatterFactory({
+      renderValue: (value, { rowData }) =>
+        rowData.hasOwnProperty('parent') ? (
+          <ExpandableRowContent>{rowData.data.modules.filter(a => a).join(', ')}</ExpandableRowContent>
+        ) : (
+          value
+        ),
+      renderEdit: (value, { column, columnIndex, rowIndex, rowData }, { activeEditId }) => {
+        const renderer = rowData.hasOwnProperty('parent') ? childEditRenderer : parentEditRenderer;
+        return renderer(value, { rowData, column, rowIndex, columnIndex, activeEditId });
+      }
+    });
+
+    this.state = {
+      columns: [
+        {
+          title: 'Repositories',
+          cellFormatters: [textInputFormatter]
+        },
+        {
+          title: 'Branches'
+        },
+        'Pull requests',
+        {
+          title: 'Workspaces',
+          cellFormatters: [textInputFormatter]
+        },
+        {
+          title: 'Last Commit',
+          cellFormatters: [textInputFormatter]
+        }
+      ],
+      rows: [
+        {
+          cells: ['one', 'master', 7, 'Grey', 'five'],
+          isOpen: false
+        },
+        {
+          cells: [null],
+          data: {
+            modules: ['', '']
+          },
+          parent: 0,
+          isEditableTogetherWithParent: true
+        },
+        {
+          cells: ['uno', 'v2.3.0', 125, 'Orange', 'cinco'],
+          isOpen: false
+        },
+        {
+          cells: [null],
+          data: {
+            modules: ['storage', '']
+          },
+          parent: 2
+        },
+        {
+          cells: ['', 'master', 0, 'Blue', ''],
+          isOpen: true
+        },
+        {
+          cells: [null],
+          data: {
+            modules: ['security', 'network']
+          },
+          parent: 4,
+          isEditableTogetherWithParent: true
+        }
+      ],
+      editedRowsBackup: null,
+      activeEditId: null
+    };
+  }
+
+  onChange = (value, { rowIndex, columnIndex, moduleIndex }) => {
+    this.setState(({ rows }) => {
+      rows = [...rows];
+      const row = rows[rowIndex];
+      if (moduleIndex != null) {
+        row.data.modules[moduleIndex] = value;
+      } else {
+        const shiftedColumnIndex = columnIndex - 1; // to take Expandable Column into account;
+        row.cells[shiftedColumnIndex] = value;
+      }
+      return { rows, activeEditId: null };
+    });
+  };
+
+  onEditCellClicked = (event, clickedRow, { rowIndex, columnIndex, elementId }) => {
+    const EXPANDABLE_COL = 0;
+    const ACTIONS_COL = 6;
+
+    if (elementId !== this.state.activeEditId && clickedRow.isEditing && columnIndex !== ACTIONS_COL) {
+      this.setState(({ rows }) => ({
+        activeEditId: elementId,
+        rows: rows.map((row, id) => {
+          if (id === rowIndex && columnIndex === EXPANDABLE_COL && row.hasOwnProperty('isOpen')) {
+            row.isOpen = !row.isOpen;
+          }
+          return row;
+        })
+      }));
+    }
+  };
+
+  // depth max 1 in this example
+  getParentId = (rowId, rows) => (rows[rowId].parent === undefined ? rowId : rows[rowId].parent);
+  getChildIdId = (rowId, rows) =>
+    rows[rowId].parent === undefined
+      ? rows.map((row, idx) => (row.parent === rowId ? idx : null)).find(idx => idx !== null)
+      : rowId;
+
+  onEditActionClick = (event, rowId) => {
+    this.setState(({ rows, editedRowBackup }) => {
+      if (!editedRowBackup) {
+        const childId = this.getChildIdId(rowId, rows);
+        const parentId = this.getParentId(rowId, rows);
+
+        const backup = rows[childId].isEditableTogetherWithParent
+          ? {
+              [parentId]: rows[parentId],
+              [childId]: rows[childId]
+            }
+          : {
+              [rowId]: rows[rowId]
+            };
+
+        return {
+          editedRowsBackup: JSON.parse(JSON.stringify(backup)), // clone
+          rows: rows.map((row, id) => {
+            row.isEditing = !!backup[id];
+            return row;
+          })
+        };
+      }
+      return undefined;
+    });
+  };
+
+  onEditConfirmed = () => {
+    this.setState(({ rows, editedRowsBackup }) => {
+      rows = [...rows];
+      Object.keys(editedRowsBackup).forEach(key => {
+        rows[key].isEditing = false;
+      });
+
+      return {
+        rows,
+        editedRowsBackup: null,
+        activeEditId: null
+      };
+    });
+  };
+
+  onEditCanceled = () => {
+    this.setState(({ rows, editedRowsBackup }) => {
+      rows = [...rows];
+      Object.keys(editedRowsBackup).forEach(key => {
+        rows[key] = editedRowsBackup[key];
+      });
+      return {
+        rows,
+        editedRowsBackup: null,
+        activeEditId: null
+      };
+    });
+  };
+
+  onCollapse = (event, rowKey, isOpen) => {
+    const { rows } = this.state;
+    /**
+     * Please do not use rowKey as row index for more complex tables.
+     * Rather use some kind of identifier like ID passed with each row.
+     */
+    rows[rowKey].isOpen = isOpen;
+    this.setState({
+      rows
+    });
+  };
+
+  actionResolver = rowData =>
+    rowData.isTableEditing
+      ? null
+      : [
+          {
+            title: 'Edit',
+            onClick: this.onEditActionClick
+          }
+        ];
+
+  render() {
+    const { activeEditId, columns, rows } = this.state;
+    const editConfig = {
+      activeEditId,
+      onEditCellClicked: this.onEditCellClicked,
+      editConfirmationType: TableEditConfirmation.ROW,
+      onEditConfirmed: this.onEditConfirmed,
+      onEditCanceled: this.onEditCanceled
+    };
+    const ComposedBody = editableTableBody(TableBody);
+    const ComposedRowWrapper = editableRowWrapper(RowWrapper);
+
+    return (
+      <Table
+        caption="Editable Table With Collapsible Rows"
+        cells={columns}
+        rows={rows}
+        rowWrapper={ComposedRowWrapper}
+        onCollapse={this.onCollapse}
+        actionResolver={this.actionResolver}
+      >
+        <TableHeader />
+        <ComposedBody editConfig={editConfig} />
+      </Table>
+    );
+  }
+}
+
+export default CollapsibleEditableTable;
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTable.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTable.js
index efbe7be7d1b..32a296b69db 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTable.js
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTable.js
@@ -10,19 +10,30 @@ import {
 import { Dropdown, DropdownToggle, DropdownItem, Checkbox } from '@patternfly/react-core';
 
 class EditableTable extends React.Component {
+  makeId = ({ column, rowIndex, columnIndex, name }) =>
+    `${column.property}-${rowIndex}-${columnIndex}${name ? `-${name}` : ''}`;
+
   constructor(props) {
     super(props);
 
     // text input
     const textInputFormatter = inlineEditFormatterFactory({
-      renderEdit: (value, { columnIndex, rowIndex }, { autoFocus }) => (
-        <TableTextInput
-          id={`repositories-${rowIndex}-${columnIndex}`}
-          defaultValue={value}
-          onBlur={newValue => this.onChange(newValue, { rowIndex, columnIndex })}
-          autoFocus={autoFocus}
-        />
-      )
+      renderEdit: (value, { columnIndex, rowIndex, column }, { activeEditId }) => {
+        const id = this.makeId({ rowIndex, columnIndex, column });
+        return (
+          <TableTextInput
+            id={id}
+            defaultValue={value}
+            onBlur={newValue =>
+              this.onChange(newValue, {
+                rowIndex,
+                columnIndex
+              })
+            }
+            autoFocus={activeEditId === id}
+          />
+        );
+      }
     });
 
     // dropdown
@@ -32,12 +43,13 @@ class EditableTable extends React.Component {
         const dropdownItems = column.data.dropdownItems.map(item => <DropdownItem key={item}>{item}</DropdownItem>);
         return (
           <Dropdown
-            id={`workspaces-${rowIndex}-${columnIndex}`}
+            id={this.makeId({ rowIndex, columnIndex, column, name: 'dropdown' })}
             onSelect={event =>
               this.onWorkspaceChange({ selected: event.target.text, isDropdownOpen: false }, { rowIndex, columnIndex })
             }
             toggle={
               <DropdownToggle
+                id={this.makeId({ rowIndex, columnIndex, column, name: 'toggle' })}
                 onToggle={() =>
                   this.onWorkspaceChange({ isDropdownOpen: !workspace.isDropdownOpen }, { rowIndex, columnIndex })
                 }
@@ -56,17 +68,22 @@ class EditableTable extends React.Component {
     // checkbox
     const privateRepoFormatter = inlineEditFormatterFactory({
       resolveValue: (value, { rowData }) => rowData.data.privateRepo,
-      renderEdit: (privateRepo, { columnIndex, rowIndex }) => (
+      renderEdit: (privateRepo, { column, columnIndex, rowIndex }) => (
         <Checkbox
-          id={`privaterepo-${rowIndex}-${columnIndex}`}
+          id={this.makeId({ rowIndex, columnIndex, column })}
           isChecked={privateRepo}
-          onChange={value => this.onPrivateRepoChange(value, { rowIndex, columnIndex })}
+          onChange={value =>
+            this.onPrivateRepoChange(value, {
+              rowIndex,
+              columnIndex
+            })
+          }
           aria-label="checkbox"
         />
       ),
-      renderValue: (privateRepo, { columnIndex, rowIndex }) => (
+      renderValue: (privateRepo, { columnIndex, rowIndex, column }) => (
         <Checkbox
-          id={`privaterepo-${rowIndex}-${columnIndex}`}
+          id={this.makeId({ rowIndex, columnIndex, column })}
           isChecked={privateRepo}
           isDisabled
           aria-label="checkbox"
@@ -113,7 +130,6 @@ class EditableTable extends React.Component {
             privateRepo: false
           }
           // isEditing: true,
-          // activeEditCell: 3
         },
         {
           cells: ['', null, 0, null, '', null],
@@ -151,11 +167,14 @@ class EditableTable extends React.Component {
     });
   };
 
-  onWorkspaceChange = (value, { rowIndex }) => {
-    this.setState(({ rows }) => {
+  onWorkspaceChange = (value, { rowIndex, columnIndex }) => {
+    this.setState(({ rows, activeEditId }) => {
       const row = rows[rowIndex];
       row.data.workspace = Object.assign({}, row.data.workspace, value);
-      return { rows };
+      if (value.isDropdownOpen) {
+        activeEditId = this.makeId({ rowIndex, columnIndex, column: { property: 'workspaces' }, name: 'dropdown' });
+      }
+      return { rows, activeEditId };
     });
   };
 
@@ -164,26 +183,48 @@ class EditableTable extends React.Component {
       rows = [...rows];
       const row = rows[rowIndex];
       row.cells[columnIndex] = value;
-      row.activeEditCell = null; // stop autoFocus
-      return { rows };
+      return {
+        rows,
+        activeEditId: null // stop autoFocus
+      };
     });
   };
 
-  onEditCellChanged = (event, clickedRow, { rowIndex, columnIndex }) => {
+  onEditCellClicked = (event, clickedRow, { rowIndex, columnIndex, elementId }) => {
     const WORKSPACE_COL = 3;
     const PRIVATE_REPO_COL = 5;
+    const ACTIONS_COL = 6;
 
-    if (clickedRow.isEditing) {
-      this.setState(({ rows }) => ({
-        rows: rows.map((row, id) => {
-          row.activeEditCell = id === rowIndex ? columnIndex : null;
-          row.data.workspace.isDropdownOpen = id === rowIndex && columnIndex === WORKSPACE_COL;
-          if (id === rowIndex && columnIndex === PRIVATE_REPO_COL) {
-            row.data.privateRepo = !row.data.privateRepo;
-          }
-          return row;
-        })
-      }));
+    if (elementId !== this.state.activeEditId && clickedRow.isEditing && columnIndex !== ACTIONS_COL) {
+      this.setState(({ rows }) => {
+        // focus dropdown if it opens ('toggle' is mistakenly assumed to be the elementId)
+        const activeEditId =
+          elementId && columnIndex === WORKSPACE_COL && !rows[rowIndex].data.workspace.isDropdownOpen
+            ? this.makeId({
+                rowIndex,
+                columnIndex,
+                column: { property: 'workspaces' },
+                name: 'dropdown'
+              })
+            : elementId;
+
+        return {
+          activeEditId,
+          rows: rows.map((row, id) => {
+            if (id === rowIndex) {
+              if (elementId && columnIndex === WORKSPACE_COL) {
+                row.data.workspace.isDropdownOpen = !row.data.workspace.isDropdownOpen;
+              } else {
+                if (elementId && columnIndex === PRIVATE_REPO_COL) {
+                  row.data.privateRepo = !row.data.privateRepo;
+                }
+                row.data.workspace.isDropdownOpen = false;
+              }
+            }
+            return row;
+          })
+        };
+      });
     }
   };
 
@@ -207,7 +248,7 @@ class EditableTable extends React.Component {
       return {
         rows,
         editedRowBackup: null,
-        activeEditCell: null
+        activeEditId: null
       };
     });
   };
@@ -219,7 +260,7 @@ class EditableTable extends React.Component {
       return {
         rows,
         editedRowBackup: null,
-        activeEditCell: null
+        activeEditId: null
       };
     });
   };
@@ -235,9 +276,10 @@ class EditableTable extends React.Component {
         ];
 
   render() {
-    const { columns, rows } = this.state;
+    const { columns, rows, activeEditId } = this.state;
     const editConfig = {
-      onEditCellChanged: this.onEditCellChanged,
+      activeEditId,
+      onEditCellClicked: this.onEditCellClicked,
       editConfirmationType: TableEditConfirmation.ROW,
       onEditConfirmed: this.onEditConfirmed,
       onEditCanceled: this.onEditCanceled
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTableColumn.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTableColumn.js
index 537f5c6a1e8..017479906e6 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTableColumn.js
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/examples/EditableTableColumn.js
@@ -1,6 +1,6 @@
 /* eslint-disable react/no-unused-state */
 import React from 'react';
-import { Table, TableHeader, TableBody, RowWrapper } from '@patternfly/react-table';
+import { Table, TableHeader, TableBody, RowWrapper, TableVariant } from '@patternfly/react-table';
 import {
   editableTableBody,
   editableRowWrapper,
@@ -10,19 +10,30 @@ import {
 } from '@patternfly/react-inline-edit-extension';
 
 class EditableTableColumn extends React.Component {
+  makeId = ({ column, rowIndex, columnIndex, name }) =>
+    `${column.property}-${rowIndex}-${columnIndex}${name ? `-${name}` : ''}`;
+
   constructor(props) {
     super(props);
 
     // text input
     const inlineEditingFormatter = inlineEditFormatterFactory({
-      renderEdit: (value, { columnIndex, rowIndex }, { autoFocus }) => (
-        <TableTextInput
-          id={`repositories-${rowIndex}-${columnIndex}`}
-          defaultValue={value}
-          onBlur={newValue => this.onBlur(newValue, { rowIndex, columnIndex })}
-          autoFocus={autoFocus}
-        />
-      ),
+      renderEdit: (value, { columnIndex, rowIndex, column }, { activeEditId }) => {
+        const id = this.makeId({ rowIndex, columnIndex, column });
+        return (
+          <TableTextInput
+            id={id}
+            defaultValue={value}
+            onBlur={newValue =>
+              this.onBlur(newValue, {
+                rowIndex,
+                columnIndex
+              })
+            }
+            autoFocus={activeEditId === id}
+          />
+        );
+      },
       renderValue: (value, { rowData }) => (rowData.isTableEditing ? `${value} (Not Editable)` : value),
       isEditable: ({ rowIndex }) => rowIndex !== 1
     });
@@ -58,7 +69,8 @@ class EditableTableColumn extends React.Component {
           cells: ['a', 'two', 5, 'four', 'five']
         }
       ],
-      rowsBackup: null
+      rowsBackup: null,
+      activeEditId: null
     };
   }
 
@@ -67,26 +79,24 @@ class EditableTableColumn extends React.Component {
       rows = [...rows];
       const row = rows[rowIndex];
       row.cells[columnIndex] = value;
-      row.activeEditCell = null; // stop autoFocus
-      return { rows };
+      return {
+        rows,
+        activeEditId: null // stop autoFocus
+      };
     });
   };
 
-  onEditCellChanged = (event, clickedRow, { rowIndex, columnIndex }) => {
-    this.setState(({ rows }) => ({
-      rows: rows.map((row, id) => {
-        row.activeEditCell = id === rowIndex ? columnIndex : null;
-        return row;
-      })
-    }));
+  onEditCellClicked = (event, clickedRow, { rowIndex, columnIndex, elementId }) => {
+    if (elementId !== this.state.activeEditId) {
+      this.setState({
+        activeEditId: elementId
+      });
+    }
   };
 
   setEditing = (rows, isEditing) =>
     rows.map(row => {
       row.isEditing = isEditing;
-      if (!isEditing) {
-        row.activeEditCell = null;
-      }
       return row;
     });
 
@@ -103,35 +113,40 @@ class EditableTableColumn extends React.Component {
   onEditConfirmed = () => {
     this.setState(({ rows }) => ({
       rows: this.setEditing(rows, false),
-      rowsBackup: null
+      rowsBackup: null,
+      activeEditId: null
     }));
   };
 
   onEditCanceled = () => {
     this.setState(({ rows, rowsBackup }) => ({
       rows: rowsBackup,
-      rowsBackup: null
+      rowsBackup: null,
+      activeEditId: null
     }));
   };
 
   render() {
-    const { columns, rows } = this.state;
+    const { columns, rows, activeEditId } = this.state;
     const editConfig = {
+      activeEditId,
       editConfirmationType: TableEditConfirmation.TABLE_BOTTOM,
-      onEditCellChanged: this.onEditCellChanged,
+      onEditCellClicked: this.onEditCellClicked,
       onEditConfirmed: this.onEditConfirmed,
       onEditCanceled: this.onEditCanceled
     };
 
     const ComposedBody = editableTableBody(TableBody);
-    const ComposedRawWrapper = editableRowWrapper(RowWrapper);
+    const ComposedRowWrapper = editableRowWrapper(RowWrapper);
 
     return (
       <Table
+        variant={TableVariant.compact}
         caption="Editable Table With Inline Edit Columns"
         cells={columns}
         rows={rows}
-        rowWrapper={ComposedRawWrapper}
+        rowWrapper={ComposedRowWrapper}
+        onCollapse={this.onCollapse}
       >
         <TableHeader />
         <ComposedBody editConfig={editConfig} onRowClick={this.onRowClick} />
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/index.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/index.d.ts
index 8573c91203c..11364e4abef 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/index.d.ts
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/index.d.ts
@@ -8,9 +8,7 @@ export {
   EditableTableBody,
   InlineEditBodyProps,
   EditConfig,
-  RowProps,
-  RowExtraProps,
-  RowData
+  IEditedCellData,
 } from  './editableTableBody'
 
 export {
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.d.ts b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.d.ts
index 16b8d94581d..810c3c6dd14 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.d.ts
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.d.ts
@@ -8,8 +8,8 @@ export interface AdditionalData {
   rowKey: string;
 }
 
-export interface FormatterExtra {
-  autoFocus: boolean;
+export interface ComputedData {
+  activeEditId: string;
 }
 
 export interface Formatter {
@@ -20,7 +20,7 @@ export interface InlineEditFormatterFactoryProps {
   isEditable?(additionalData: AdditionalData): boolean;
   renderValue?: Formatter;
   resolveValue?(value: ReactNode, additionalData: AdditionalData): ReactNode;
-  renderEdit?(value: ReactNode, additionalData: AdditionalData, extra: FormatterExtra): ReactNode;
+  renderEdit?(value: ReactNode, additionalData: AdditionalData, computedData: ComputedData): ReactNode;
 }
 
 export interface InlineEditFormatterFactory {
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.js
index 371450f9f91..26f5ebf8ecd 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.js
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.js
@@ -2,16 +2,17 @@ const inlineEditFormatterFactory = ({ renderEdit, renderValue, resolveValue, isE
   value,
   additionalData
 ) => {
-  const { rowData, columnIndex } = additionalData;
+  const { rowData } = additionalData;
 
   if (resolveValue) {
     value = resolveValue(value, additionalData);
   }
 
   if (renderEdit && rowData.isEditing && (!isEditable || isEditable(additionalData))) {
-    return renderEdit(value, additionalData, {
-      autoFocus: rowData.activeEditCell === columnIndex
-    });
+    const computedData = {
+      activeEditId: rowData.editConfig && rowData.editConfig.activeEditId
+    };
+    return renderEdit(value, additionalData, computedData);
   } else if (renderValue) {
     return renderValue(value, additionalData);
   }
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.test.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.test.js
index 11cec46cd67..c203af249e9 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.test.js
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/formatters/inlineEditFormatterFactory.test.js
@@ -3,11 +3,12 @@ import { default as inlineEditFormatterFactory } from './inlineEditFormatterFact
 const blue = 'blue';
 const alteredValue = 'violet';
 
-const buildAdditionalData = (data, isEditing = true, activeCell = 3) => ({
-  columnIndex: activeCell,
+const buildAdditionalData = (data, isEditing = true, activeEditId = 'testId') => ({
   rowData: {
     isEditing,
-    activeEditCell: activeCell,
+    editConfig: {
+      activeEditId
+    },
     data
   }
 });
@@ -51,4 +52,14 @@ describe('inlineEditFormatterFactory', () => {
       })(blue, additionalData)
     ).toBe(`ultra ${alteredValue}`);
   });
+
+  test('passes computed data', () => {
+    const additionalData = buildAdditionalData(alteredValue, true, 'myId');
+
+    expect(
+      inlineEditFormatterFactory({
+        renderEdit: (value, data, { activeEditId }) => activeEditId
+      })(blue, additionalData)
+    ).toBe('myId');
+  });
 });
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/utils.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/utils.js
index 83cbd39f80c..1df8d58f692 100644
--- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/utils.js
+++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/utils/utils.js
@@ -1,3 +1,14 @@
+const requiredElements = ['INPUT', 'BUTTON'];
+let warningCompleted = false;
+
+export const showIdWarnings = (row, target) => {
+  if ((row.isEditing || row.isTableEditing) && requiredElements.indexOf(target.tagName) >= 0 && !warningCompleted) {
+    warningCompleted = true;
+    // eslint-disable-next-line no-console
+    console.warn(`${requiredElements.join(', ')} elements are required to have an id for editing to work properly.`);
+  }
+};
+
 export const combineFunctions = (...functions) => {
   const realFunctions = functions.filter(f => typeof f === 'function');
 
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/test-helpers/data-sets.js b/packages/patternfly-4/react-inline-edit-extension/src/test-helpers/data-sets.js
new file mode 100644
index 00000000000..a0b4b314664
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/test-helpers/data-sets.js
@@ -0,0 +1,39 @@
+export const columns = [
+  { title: 'Header cell' },
+  'Branches',
+  { title: 'Pull requests' },
+  'Workspaces',
+  {
+    title: 'Last Commit'
+  }
+];
+
+export const rows = [
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  },
+  {
+    cells: ['one', 'two', 'three', 'four', 'five']
+  }
+];
diff --git a/packages/patternfly-4/react-inline-edit-extension/src/test-helpers/helpers.js b/packages/patternfly-4/react-inline-edit-extension/src/test-helpers/helpers.js
new file mode 100644
index 00000000000..0e3df6f7fe5
--- /dev/null
+++ b/packages/patternfly-4/react-inline-edit-extension/src/test-helpers/helpers.js
@@ -0,0 +1,8 @@
+export const mockClosest = (map, resolveFunction, force = false) => {
+  if (!Element.prototype.closest || force) {
+    Element.prototype.closest = selector => (map && map[selector]) || (resolveFunction && resolveFunction(selector));
+  }
+};
+
+export const makeTableId = ({ column: { property }, rowIndex, columnIndex, name }) =>
+  `${property}-${rowIndex}-${columnIndex}${name ? `-${name}` : ''}`;
diff --git a/packages/patternfly-4/react-table/src/components/Table/Body.js b/packages/patternfly-4/react-table/src/components/Table/Body.js
index cdfe7f74d2f..b658b32c0ea 100644
--- a/packages/patternfly-4/react-table/src/components/Table/Body.js
+++ b/packages/patternfly-4/react-table/src/components/Table/Body.js
@@ -19,6 +19,14 @@ const defaultProps = {
   onRowClick: () => undefined
 };
 
+const flagVisibility = rows => {
+  const visibleRows = rows.filter(oneRow => !oneRow.parent || oneRow.isExpanded);
+  if (visibleRows.length > 0) {
+    visibleRows[0].isFirstVisible = true;
+    visibleRows[visibleRows.length - 1].isLastVisible = true;
+  }
+};
+
 class ContextBody extends React.Component {
   onRow = (row, rowProps) => {
     const { onRowClick } = this.props;
@@ -71,15 +79,20 @@ class ContextBody extends React.Component {
 
   render() {
     const { className, headerData, rows, rowKey, children, onRowClick, ...props } = this.props;
-    const mappedRows =
-      headerData.length > 0 &&
-      rows.map((oneRow, oneRowKey) => ({
+
+    let mappedRows;
+    if (headerData.length > 0) {
+      mappedRows = rows.map((oneRow, oneRowKey) => ({
         ...oneRow,
         ...this.mapCells(headerData, oneRow, oneRowKey),
         isExpanded: isRowExpanded(oneRow, rows),
         isFirst: oneRowKey === 0,
-        isLast: oneRowKey === rows.length - 1
+        isLast: oneRowKey === rows.length - 1,
+        isFirstVisible: false,
+        isLastVisible: false
       }));
+      flagVisibility(mappedRows);
+    }
 
     return (
       <React.Fragment>
diff --git a/packages/patternfly-4/react-table/src/components/Table/RowWrapper.test.js b/packages/patternfly-4/react-table/src/components/Table/RowWrapper.test.js
new file mode 100644
index 00000000000..08b3f3fa5ee
--- /dev/null
+++ b/packages/patternfly-4/react-table/src/components/Table/RowWrapper.test.js
@@ -0,0 +1,24 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import RowWrapper from './RowWrapper';
+
+const getRowWrapper = props => (
+  <table>
+    <tbody>
+      <RowWrapper {...props} />
+    </tbody>
+  </table>
+);
+
+describe('RowWrapper', () => {
+  test('renders correctly', () => {
+    const trRef = jest.fn();
+    const view = mount(getRowWrapper({ onScroll: jest.fn(), onResize: jest.fn(), trRef }));
+    expect(view).toMatchSnapshot();
+    expect(trRef.mock.calls).toHaveLength(1);
+  });
+  test('renders expanded correctly', () => {
+    const view = mount(getRowWrapper({ row: { isExpanded: true } }));
+    expect(view).toMatchSnapshot();
+  });
+});
diff --git a/packages/patternfly-4/react-table/src/components/Table/Table.d.ts b/packages/patternfly-4/react-table/src/components/Table/Table.d.ts
index f77bcebd135..00db3aad6f3 100644
--- a/packages/patternfly-4/react-table/src/components/Table/Table.d.ts
+++ b/packages/patternfly-4/react-table/src/components/Table/Table.d.ts
@@ -26,14 +26,18 @@ export interface IColumn {
   }
 }
 
+export interface IExtraRowData {
+  rowIndex: number;
+  rowKey?: string;
+}
+
 export interface IExtraColumnData {
   columnIndex: number,
   column: IColumn,
   property: string,
 }
 
-export interface IExtraData extends IExtraColumnData {
-  rowIndex: number
+export interface IExtraData extends IExtraColumnData, IExtraRowData {
 }
 
 export interface IExtra extends IExtraData {
diff --git a/packages/patternfly-4/react-table/src/components/Table/__snapshots__/RowWrapper.test.js.snap b/packages/patternfly-4/react-table/src/components/Table/__snapshots__/RowWrapper.test.js.snap
new file mode 100644
index 00000000000..9103b6971ca
--- /dev/null
+++ b/packages/patternfly-4/react-table/src/components/Table/__snapshots__/RowWrapper.test.js.snap
@@ -0,0 +1,73 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`RowWrapper renders correctly 1`] = `
+<table>
+  <tbody>
+    <RowWrapper
+      className=""
+      onResize={[MockFunction]}
+      onScroll={[MockFunction]}
+      row={
+        Object {
+          "isExpanded": undefined,
+          "isOpen": undefined,
+        }
+      }
+      rowProps={null}
+      trRef={
+        [MockFunction] {
+          "calls": Array [
+            Array [
+              <tr
+                class=""
+              />,
+            ],
+          ],
+          "results": Array [
+            Object {
+              "isThrow": false,
+              "value": undefined,
+            },
+          ],
+        }
+      }
+    >
+      <tr
+        className=""
+        hidden={false}
+      />
+    </RowWrapper>
+  </tbody>
+</table>
+`;
+
+exports[`RowWrapper renders expanded correctly 1`] = `
+.pf-c-table__expandable-row.pf-m-expanded {
+  display: block;
+  position: relative;
+  border-bottom: 0 solid transparent;
+  box-shadow: 0 0.3125rem 0.625rem -0.25rem rgba(3, 3, 3, 0.25);
+  transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
+  border-bottom-color: #ededed;
+  border-bottom-width: 1px;
+}
+
+<table>
+  <tbody>
+    <RowWrapper
+      className=""
+      row={
+        Object {
+          "isExpanded": true,
+        }
+      }
+      rowProps={null}
+    >
+      <tr
+        className="pf-c-table__expandable-row pf-m-expanded"
+        hidden={false}
+      />
+    </RowWrapper>
+  </tbody>
+</table>
+`;
diff --git a/packages/patternfly-4/react-table/src/components/Table/__snapshots__/Table.test.js.snap b/packages/patternfly-4/react-table/src/components/Table/__snapshots__/Table.test.js.snap
index ca00452d4f8..734b9b0008c 100644
--- a/packages/patternfly-4/react-table/src/components/Table/__snapshots__/Table.test.js.snap
+++ b/packages/patternfly-4/react-table/src/components/Table/__snapshots__/Table.test.js.snap
@@ -1491,7 +1491,9 @@ exports[`Actions table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1534,7 +1536,9 @@ exports[`Actions table 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1577,7 +1581,9 @@ exports[`Actions table 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1620,7 +1626,9 @@ exports[`Actions table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1663,7 +1671,9 @@ exports[`Actions table 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1706,7 +1716,9 @@ exports[`Actions table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1749,7 +1761,9 @@ exports[`Actions table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1792,7 +1806,9 @@ exports[`Actions table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1835,7 +1851,9 @@ exports[`Actions table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1884,7 +1902,9 @@ exports[`Actions table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1927,7 +1947,9 @@ exports[`Actions table 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -1970,7 +1992,9 @@ exports[`Actions table 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -2013,7 +2037,9 @@ exports[`Actions table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -2056,7 +2082,9 @@ exports[`Actions table 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -2099,7 +2127,9 @@ exports[`Actions table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -2142,7 +2172,9 @@ exports[`Actions table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -2185,7 +2217,9 @@ exports[`Actions table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -2228,7 +2262,9 @@ exports[`Actions table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -2278,7 +2314,9 @@ exports[`Actions table 1`] = `
                     "id": 0,
                     "isExpanded": undefined,
                     "isFirst": true,
+                    "isFirstVisible": true,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2321,7 +2359,9 @@ exports[`Actions table 1`] = `
                     "id": 1,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2364,7 +2404,9 @@ exports[`Actions table 1`] = `
                     "id": 2,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2407,7 +2449,9 @@ exports[`Actions table 1`] = `
                     "id": 3,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2450,7 +2494,9 @@ exports[`Actions table 1`] = `
                     "id": 4,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2493,7 +2539,9 @@ exports[`Actions table 1`] = `
                     "id": 5,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2536,7 +2584,9 @@ exports[`Actions table 1`] = `
                     "id": 6,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2579,7 +2629,9 @@ exports[`Actions table 1`] = `
                     "id": 7,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2622,7 +2674,9 @@ exports[`Actions table 1`] = `
                     "id": 8,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": true,
+                    "isLastVisible": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -2931,7 +2985,9 @@ exports[`Actions table 1`] = `
                       "id": 0,
                       "isExpanded": undefined,
                       "isFirst": true,
+                      "isFirstVisible": true,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -2982,7 +3038,9 @@ exports[`Actions table 1`] = `
                         "id": 0,
                         "isExpanded": undefined,
                         "isFirst": true,
+                        "isFirstVisible": true,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -3195,7 +3253,9 @@ exports[`Actions table 1`] = `
                                 "id": 0,
                                 "isExpanded": undefined,
                                 "isFirst": true,
+                                "isFirstVisible": true,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -3651,7 +3711,9 @@ exports[`Actions table 1`] = `
                       "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -3702,7 +3764,9 @@ exports[`Actions table 1`] = `
                         "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -3915,7 +3979,9 @@ exports[`Actions table 1`] = `
                                 "id": 1,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -4371,7 +4437,9 @@ exports[`Actions table 1`] = `
                       "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -4422,7 +4490,9 @@ exports[`Actions table 1`] = `
                         "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -4635,7 +4705,9 @@ exports[`Actions table 1`] = `
                                 "id": 2,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -5091,7 +5163,9 @@ exports[`Actions table 1`] = `
                       "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -5142,7 +5216,9 @@ exports[`Actions table 1`] = `
                         "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -5355,7 +5431,9 @@ exports[`Actions table 1`] = `
                                 "id": 3,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -5811,7 +5889,9 @@ exports[`Actions table 1`] = `
                       "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -5862,7 +5942,9 @@ exports[`Actions table 1`] = `
                         "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -6075,7 +6157,9 @@ exports[`Actions table 1`] = `
                                 "id": 4,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -6531,7 +6615,9 @@ exports[`Actions table 1`] = `
                       "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -6582,7 +6668,9 @@ exports[`Actions table 1`] = `
                         "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -6795,7 +6883,9 @@ exports[`Actions table 1`] = `
                                 "id": 5,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -7251,7 +7341,9 @@ exports[`Actions table 1`] = `
                       "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -7302,7 +7394,9 @@ exports[`Actions table 1`] = `
                         "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -7515,7 +7609,9 @@ exports[`Actions table 1`] = `
                                 "id": 6,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -7971,7 +8067,9 @@ exports[`Actions table 1`] = `
                       "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -8022,7 +8120,9 @@ exports[`Actions table 1`] = `
                         "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -8235,7 +8335,9 @@ exports[`Actions table 1`] = `
                                 "id": 7,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -8691,7 +8793,9 @@ exports[`Actions table 1`] = `
                       "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -8742,7 +8846,9 @@ exports[`Actions table 1`] = `
                         "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -8955,7 +9061,9 @@ exports[`Actions table 1`] = `
                                 "id": 8,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": true,
+                                "isLastVisible": true,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -10219,7 +10327,9 @@ exports[`Cell header table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10262,7 +10372,9 @@ exports[`Cell header table 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10305,7 +10417,9 @@ exports[`Cell header table 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10348,7 +10462,9 @@ exports[`Cell header table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10391,7 +10507,9 @@ exports[`Cell header table 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10434,7 +10552,9 @@ exports[`Cell header table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10477,7 +10597,9 @@ exports[`Cell header table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10520,7 +10642,9 @@ exports[`Cell header table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10563,7 +10687,9 @@ exports[`Cell header table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10612,7 +10738,9 @@ exports[`Cell header table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10655,7 +10783,9 @@ exports[`Cell header table 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10698,7 +10828,9 @@ exports[`Cell header table 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10741,7 +10873,9 @@ exports[`Cell header table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10784,7 +10918,9 @@ exports[`Cell header table 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10827,7 +10963,9 @@ exports[`Cell header table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10870,7 +11008,9 @@ exports[`Cell header table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10913,7 +11053,9 @@ exports[`Cell header table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -10956,7 +11098,9 @@ exports[`Cell header table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -11006,7 +11150,9 @@ exports[`Cell header table 1`] = `
                     "id": 0,
                     "isExpanded": undefined,
                     "isFirst": true,
+                    "isFirstVisible": true,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -11049,7 +11195,9 @@ exports[`Cell header table 1`] = `
                     "id": 1,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -11092,7 +11240,9 @@ exports[`Cell header table 1`] = `
                     "id": 2,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -11135,7 +11285,9 @@ exports[`Cell header table 1`] = `
                     "id": 3,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -11178,7 +11330,9 @@ exports[`Cell header table 1`] = `
                     "id": 4,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -11221,7 +11375,9 @@ exports[`Cell header table 1`] = `
                     "id": 5,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -11264,7 +11420,9 @@ exports[`Cell header table 1`] = `
                     "id": 6,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -11307,7 +11465,9 @@ exports[`Cell header table 1`] = `
                     "id": 7,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -11350,7 +11510,9 @@ exports[`Cell header table 1`] = `
                     "id": 8,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": true,
+                    "isLastVisible": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -11618,7 +11780,9 @@ exports[`Cell header table 1`] = `
                       "id": 0,
                       "isExpanded": undefined,
                       "isFirst": true,
+                      "isFirstVisible": true,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -11669,7 +11833,9 @@ exports[`Cell header table 1`] = `
                         "id": 0,
                         "isExpanded": undefined,
                         "isFirst": true,
+                        "isFirstVisible": true,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -12015,7 +12181,9 @@ exports[`Cell header table 1`] = `
                       "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -12066,7 +12234,9 @@ exports[`Cell header table 1`] = `
                         "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -12412,7 +12582,9 @@ exports[`Cell header table 1`] = `
                       "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -12463,7 +12635,9 @@ exports[`Cell header table 1`] = `
                         "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -12809,7 +12983,9 @@ exports[`Cell header table 1`] = `
                       "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -12860,7 +13036,9 @@ exports[`Cell header table 1`] = `
                         "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -13206,7 +13384,9 @@ exports[`Cell header table 1`] = `
                       "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -13257,7 +13437,9 @@ exports[`Cell header table 1`] = `
                         "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -13603,7 +13785,9 @@ exports[`Cell header table 1`] = `
                       "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -13654,7 +13838,9 @@ exports[`Cell header table 1`] = `
                         "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -14000,7 +14186,9 @@ exports[`Cell header table 1`] = `
                       "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -14051,7 +14239,9 @@ exports[`Cell header table 1`] = `
                         "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -14397,7 +14587,9 @@ exports[`Cell header table 1`] = `
                       "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -14448,7 +14640,9 @@ exports[`Cell header table 1`] = `
                         "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -14794,7 +14988,9 @@ exports[`Cell header table 1`] = `
                       "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -14845,7 +15041,9 @@ exports[`Cell header table 1`] = `
                         "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -16363,7 +16561,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -16407,7 +16607,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 1,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -16452,7 +16654,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 2,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -16496,7 +16700,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -16540,7 +16746,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 4,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -16584,7 +16792,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -16627,7 +16837,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -16670,7 +16882,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -16713,7 +16927,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -16762,7 +16978,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -16806,7 +17024,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 1,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -16851,7 +17071,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 2,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -16895,7 +17117,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -16939,7 +17163,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 4,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -16983,7 +17209,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -17026,7 +17254,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -17069,7 +17299,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -17112,7 +17344,9 @@ exports[`Collapsible nested table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -17162,7 +17396,9 @@ exports[`Collapsible nested table 1`] = `
                     "id": 0,
                     "isExpanded": undefined,
                     "isFirst": true,
+                    "isFirstVisible": true,
                     "isLast": false,
+                    "isLastVisible": false,
                     "isOpen": false,
                     "last-commit": Object {
                       "props": Object {
@@ -17206,7 +17442,9 @@ exports[`Collapsible nested table 1`] = `
                     "id": 1,
                     "isExpanded": false,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "isOpen": true,
                     "last-commit": Object {
                       "props": Object {
@@ -17251,7 +17489,9 @@ exports[`Collapsible nested table 1`] = `
                     "id": 2,
                     "isExpanded": false,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -17295,7 +17535,9 @@ exports[`Collapsible nested table 1`] = `
                     "id": 3,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "isOpen": false,
                     "last-commit": Object {
                       "props": Object {
@@ -17339,7 +17581,9 @@ exports[`Collapsible nested table 1`] = `
                     "id": 4,
                     "isExpanded": false,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -17383,7 +17627,9 @@ exports[`Collapsible nested table 1`] = `
                     "id": 5,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -17426,7 +17672,9 @@ exports[`Collapsible nested table 1`] = `
                     "id": 6,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -17469,7 +17717,9 @@ exports[`Collapsible nested table 1`] = `
                     "id": 7,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -17512,7 +17762,9 @@ exports[`Collapsible nested table 1`] = `
                     "id": 8,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": true,
+                    "isLastVisible": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -17830,7 +18082,9 @@ exports[`Collapsible nested table 1`] = `
                       "id": 0,
                       "isExpanded": undefined,
                       "isFirst": true,
+                      "isFirstVisible": true,
                       "isLast": false,
+                      "isLastVisible": false,
                       "isOpen": false,
                       "last-commit": Object {
                         "props": Object {
@@ -17882,7 +18136,9 @@ exports[`Collapsible nested table 1`] = `
                         "id": 0,
                         "isExpanded": undefined,
                         "isFirst": true,
+                        "isFirstVisible": true,
                         "isLast": false,
+                        "isLastVisible": false,
                         "isOpen": false,
                         "last-commit": Object {
                           "props": Object {
@@ -18354,7 +18610,9 @@ exports[`Collapsible nested table 1`] = `
                       "id": 1,
                       "isExpanded": false,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "isOpen": true,
                       "last-commit": Object {
                         "props": Object {
@@ -18407,7 +18665,9 @@ exports[`Collapsible nested table 1`] = `
                         "id": 1,
                         "isExpanded": false,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "isOpen": true,
                         "last-commit": Object {
                           "props": Object {
@@ -18867,7 +19127,9 @@ exports[`Collapsible nested table 1`] = `
                       "id": 2,
                       "isExpanded": false,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -18919,7 +19181,9 @@ exports[`Collapsible nested table 1`] = `
                         "id": 2,
                         "isExpanded": false,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -19327,7 +19591,9 @@ exports[`Collapsible nested table 1`] = `
                       "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "isOpen": false,
                       "last-commit": Object {
                         "props": Object {
@@ -19379,7 +19645,9 @@ exports[`Collapsible nested table 1`] = `
                         "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "isOpen": false,
                         "last-commit": Object {
                           "props": Object {
@@ -19851,7 +20119,9 @@ exports[`Collapsible nested table 1`] = `
                       "id": 4,
                       "isExpanded": false,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -19903,7 +20173,9 @@ exports[`Collapsible nested table 1`] = `
                         "id": 4,
                         "isExpanded": false,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -20311,7 +20583,9 @@ exports[`Collapsible nested table 1`] = `
                       "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -20362,7 +20636,9 @@ exports[`Collapsible nested table 1`] = `
                         "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -20782,7 +21058,9 @@ exports[`Collapsible nested table 1`] = `
                       "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -20833,7 +21111,9 @@ exports[`Collapsible nested table 1`] = `
                         "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -21253,7 +21533,9 @@ exports[`Collapsible nested table 1`] = `
                       "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -21304,7 +21586,9 @@ exports[`Collapsible nested table 1`] = `
                         "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -21724,7 +22008,9 @@ exports[`Collapsible nested table 1`] = `
                       "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -21775,7 +22061,9 @@ exports[`Collapsible nested table 1`] = `
                         "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -23287,7 +23575,9 @@ exports[`Collapsible table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -23331,7 +23621,9 @@ exports[`Collapsible table 1`] = `
                   "id": 1,
                   "isExpanded": true,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -23375,7 +23667,9 @@ exports[`Collapsible table 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -23418,7 +23712,9 @@ exports[`Collapsible table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -23462,7 +23758,9 @@ exports[`Collapsible table 1`] = `
                   "id": 4,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -23506,7 +23804,9 @@ exports[`Collapsible table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -23549,7 +23849,9 @@ exports[`Collapsible table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -23592,7 +23894,9 @@ exports[`Collapsible table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -23635,7 +23939,9 @@ exports[`Collapsible table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -23684,7 +23990,9 @@ exports[`Collapsible table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -23728,7 +24036,9 @@ exports[`Collapsible table 1`] = `
                   "id": 1,
                   "isExpanded": true,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -23772,7 +24082,9 @@ exports[`Collapsible table 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -23815,7 +24127,9 @@ exports[`Collapsible table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -23859,7 +24173,9 @@ exports[`Collapsible table 1`] = `
                   "id": 4,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -23903,7 +24219,9 @@ exports[`Collapsible table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -23946,7 +24264,9 @@ exports[`Collapsible table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -23989,7 +24309,9 @@ exports[`Collapsible table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -24032,7 +24354,9 @@ exports[`Collapsible table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -24082,7 +24406,9 @@ exports[`Collapsible table 1`] = `
                     "id": 0,
                     "isExpanded": undefined,
                     "isFirst": true,
+                    "isFirstVisible": true,
                     "isLast": false,
+                    "isLastVisible": false,
                     "isOpen": true,
                     "last-commit": Object {
                       "props": Object {
@@ -24126,7 +24452,9 @@ exports[`Collapsible table 1`] = `
                     "id": 1,
                     "isExpanded": true,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -24170,7 +24498,9 @@ exports[`Collapsible table 1`] = `
                     "id": 2,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -24213,7 +24543,9 @@ exports[`Collapsible table 1`] = `
                     "id": 3,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "isOpen": false,
                     "last-commit": Object {
                       "props": Object {
@@ -24257,7 +24589,9 @@ exports[`Collapsible table 1`] = `
                     "id": 4,
                     "isExpanded": false,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -24301,7 +24635,9 @@ exports[`Collapsible table 1`] = `
                     "id": 5,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -24344,7 +24680,9 @@ exports[`Collapsible table 1`] = `
                     "id": 6,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -24387,7 +24725,9 @@ exports[`Collapsible table 1`] = `
                     "id": 7,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -24430,7 +24770,9 @@ exports[`Collapsible table 1`] = `
                     "id": 8,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": true,
+                    "isLastVisible": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -24748,7 +25090,9 @@ exports[`Collapsible table 1`] = `
                       "id": 0,
                       "isExpanded": undefined,
                       "isFirst": true,
+                      "isFirstVisible": true,
                       "isLast": false,
+                      "isLastVisible": false,
                       "isOpen": true,
                       "last-commit": Object {
                         "props": Object {
@@ -24800,7 +25144,9 @@ exports[`Collapsible table 1`] = `
                         "id": 0,
                         "isExpanded": undefined,
                         "isFirst": true,
+                        "isFirstVisible": true,
                         "isLast": false,
+                        "isLastVisible": false,
                         "isOpen": true,
                         "last-commit": Object {
                           "props": Object {
@@ -25272,7 +25618,9 @@ exports[`Collapsible table 1`] = `
                       "id": 1,
                       "isExpanded": true,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -25324,7 +25672,9 @@ exports[`Collapsible table 1`] = `
                         "id": 1,
                         "isExpanded": true,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -25732,7 +26082,9 @@ exports[`Collapsible table 1`] = `
                       "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -25783,7 +26135,9 @@ exports[`Collapsible table 1`] = `
                         "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -26203,7 +26557,9 @@ exports[`Collapsible table 1`] = `
                       "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "isOpen": false,
                       "last-commit": Object {
                         "props": Object {
@@ -26255,7 +26611,9 @@ exports[`Collapsible table 1`] = `
                         "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "isOpen": false,
                         "last-commit": Object {
                           "props": Object {
@@ -26727,7 +27085,9 @@ exports[`Collapsible table 1`] = `
                       "id": 4,
                       "isExpanded": false,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -26779,7 +27139,9 @@ exports[`Collapsible table 1`] = `
                         "id": 4,
                         "isExpanded": false,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -27187,7 +27549,9 @@ exports[`Collapsible table 1`] = `
                       "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -27238,7 +27602,9 @@ exports[`Collapsible table 1`] = `
                         "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -27658,7 +28024,9 @@ exports[`Collapsible table 1`] = `
                       "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -27709,7 +28077,9 @@ exports[`Collapsible table 1`] = `
                         "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -28129,7 +28499,9 @@ exports[`Collapsible table 1`] = `
                       "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -28180,7 +28552,9 @@ exports[`Collapsible table 1`] = `
                         "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -28600,7 +28974,9 @@ exports[`Collapsible table 1`] = `
                       "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -28651,7 +29027,9 @@ exports[`Collapsible table 1`] = `
                         "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -29866,7 +30244,9 @@ exports[`Header width table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -29910,7 +30290,9 @@ exports[`Header width table 1`] = `
                   "id": 1,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -29955,7 +30337,9 @@ exports[`Header width table 1`] = `
                   "id": 2,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -29999,7 +30383,9 @@ exports[`Header width table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -30043,7 +30429,9 @@ exports[`Header width table 1`] = `
                   "id": 4,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -30087,7 +30475,9 @@ exports[`Header width table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -30130,7 +30520,9 @@ exports[`Header width table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -30173,7 +30565,9 @@ exports[`Header width table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -30216,7 +30610,9 @@ exports[`Header width table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -30265,7 +30661,9 @@ exports[`Header width table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -30309,7 +30707,9 @@ exports[`Header width table 1`] = `
                   "id": 1,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -30354,7 +30754,9 @@ exports[`Header width table 1`] = `
                   "id": 2,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -30398,7 +30800,9 @@ exports[`Header width table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -30442,7 +30846,9 @@ exports[`Header width table 1`] = `
                   "id": 4,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -30486,7 +30892,9 @@ exports[`Header width table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -30529,7 +30937,9 @@ exports[`Header width table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -30572,7 +30982,9 @@ exports[`Header width table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -30615,7 +31027,9 @@ exports[`Header width table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -30665,7 +31079,9 @@ exports[`Header width table 1`] = `
                     "id": 0,
                     "isExpanded": undefined,
                     "isFirst": true,
+                    "isFirstVisible": true,
                     "isLast": false,
+                    "isLastVisible": false,
                     "isOpen": false,
                     "last-commit": Object {
                       "props": Object {
@@ -30709,7 +31125,9 @@ exports[`Header width table 1`] = `
                     "id": 1,
                     "isExpanded": false,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "isOpen": true,
                     "last-commit": Object {
                       "props": Object {
@@ -30754,7 +31172,9 @@ exports[`Header width table 1`] = `
                     "id": 2,
                     "isExpanded": false,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -30798,7 +31218,9 @@ exports[`Header width table 1`] = `
                     "id": 3,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "isOpen": false,
                     "last-commit": Object {
                       "props": Object {
@@ -30842,7 +31264,9 @@ exports[`Header width table 1`] = `
                     "id": 4,
                     "isExpanded": false,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -30886,7 +31310,9 @@ exports[`Header width table 1`] = `
                     "id": 5,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -30929,7 +31355,9 @@ exports[`Header width table 1`] = `
                     "id": 6,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -30972,7 +31400,9 @@ exports[`Header width table 1`] = `
                     "id": 7,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -31015,7 +31445,9 @@ exports[`Header width table 1`] = `
                     "id": 8,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": true,
+                    "isLastVisible": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -31287,7 +31719,9 @@ exports[`Header width table 1`] = `
                       "id": 0,
                       "isExpanded": undefined,
                       "isFirst": true,
+                      "isFirstVisible": true,
                       "isLast": false,
+                      "isLastVisible": false,
                       "isOpen": false,
                       "last-commit": Object {
                         "props": Object {
@@ -31339,7 +31773,9 @@ exports[`Header width table 1`] = `
                         "id": 0,
                         "isExpanded": undefined,
                         "isFirst": true,
+                        "isFirstVisible": true,
                         "isLast": false,
+                        "isLastVisible": false,
                         "isOpen": false,
                         "last-commit": Object {
                           "props": Object {
@@ -31689,7 +32125,9 @@ exports[`Header width table 1`] = `
                       "id": 1,
                       "isExpanded": false,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "isOpen": true,
                       "last-commit": Object {
                         "props": Object {
@@ -31742,7 +32180,9 @@ exports[`Header width table 1`] = `
                         "id": 1,
                         "isExpanded": false,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "isOpen": true,
                         "last-commit": Object {
                           "props": Object {
@@ -32099,7 +32539,9 @@ exports[`Header width table 1`] = `
                       "id": 2,
                       "isExpanded": false,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -32151,7 +32593,9 @@ exports[`Header width table 1`] = `
                         "id": 2,
                         "isExpanded": false,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -32513,7 +32957,9 @@ exports[`Header width table 1`] = `
                       "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "isOpen": false,
                       "last-commit": Object {
                         "props": Object {
@@ -32565,7 +33011,9 @@ exports[`Header width table 1`] = `
                         "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "isOpen": false,
                         "last-commit": Object {
                           "props": Object {
@@ -32915,7 +33363,9 @@ exports[`Header width table 1`] = `
                       "id": 4,
                       "isExpanded": false,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -32967,7 +33417,9 @@ exports[`Header width table 1`] = `
                         "id": 4,
                         "isExpanded": false,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -33329,7 +33781,9 @@ exports[`Header width table 1`] = `
                       "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -33380,7 +33834,9 @@ exports[`Header width table 1`] = `
                         "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -33735,7 +34191,9 @@ exports[`Header width table 1`] = `
                       "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -33786,7 +34244,9 @@ exports[`Header width table 1`] = `
                         "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -34141,7 +34601,9 @@ exports[`Header width table 1`] = `
                       "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -34192,7 +34654,9 @@ exports[`Header width table 1`] = `
                         "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -34547,7 +35011,9 @@ exports[`Header width table 1`] = `
                       "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -34598,7 +35064,9 @@ exports[`Header width table 1`] = `
                         "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -36057,7 +36525,9 @@ exports[`Selectable table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -36101,7 +36571,9 @@ exports[`Selectable table 1`] = `
                   "id": 1,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -36146,7 +36618,9 @@ exports[`Selectable table 1`] = `
                   "id": 2,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -36190,7 +36664,9 @@ exports[`Selectable table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -36234,7 +36710,9 @@ exports[`Selectable table 1`] = `
                   "id": 4,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -36278,7 +36756,9 @@ exports[`Selectable table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -36321,7 +36801,9 @@ exports[`Selectable table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -36364,7 +36846,9 @@ exports[`Selectable table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -36407,7 +36891,9 @@ exports[`Selectable table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -36456,7 +36942,9 @@ exports[`Selectable table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -36500,7 +36988,9 @@ exports[`Selectable table 1`] = `
                   "id": 1,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": true,
                   "last-commit": Object {
                     "props": Object {
@@ -36545,7 +37035,9 @@ exports[`Selectable table 1`] = `
                   "id": 2,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -36589,7 +37081,9 @@ exports[`Selectable table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "isOpen": false,
                   "last-commit": Object {
                     "props": Object {
@@ -36633,7 +37127,9 @@ exports[`Selectable table 1`] = `
                   "id": 4,
                   "isExpanded": false,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -36677,7 +37173,9 @@ exports[`Selectable table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -36720,7 +37218,9 @@ exports[`Selectable table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -36763,7 +37263,9 @@ exports[`Selectable table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -36806,7 +37308,9 @@ exports[`Selectable table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -36856,7 +37360,9 @@ exports[`Selectable table 1`] = `
                     "id": 0,
                     "isExpanded": undefined,
                     "isFirst": true,
+                    "isFirstVisible": true,
                     "isLast": false,
+                    "isLastVisible": false,
                     "isOpen": false,
                     "last-commit": Object {
                       "props": Object {
@@ -36900,7 +37406,9 @@ exports[`Selectable table 1`] = `
                     "id": 1,
                     "isExpanded": false,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "isOpen": true,
                     "last-commit": Object {
                       "props": Object {
@@ -36945,7 +37453,9 @@ exports[`Selectable table 1`] = `
                     "id": 2,
                     "isExpanded": false,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -36989,7 +37499,9 @@ exports[`Selectable table 1`] = `
                     "id": 3,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "isOpen": false,
                     "last-commit": Object {
                       "props": Object {
@@ -37033,7 +37545,9 @@ exports[`Selectable table 1`] = `
                     "id": 4,
                     "isExpanded": false,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -37077,7 +37591,9 @@ exports[`Selectable table 1`] = `
                     "id": 5,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -37120,7 +37636,9 @@ exports[`Selectable table 1`] = `
                     "id": 6,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -37163,7 +37681,9 @@ exports[`Selectable table 1`] = `
                     "id": 7,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -37206,7 +37726,9 @@ exports[`Selectable table 1`] = `
                     "id": 8,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": true,
+                    "isLastVisible": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -37518,7 +38040,9 @@ exports[`Selectable table 1`] = `
                       "id": 0,
                       "isExpanded": undefined,
                       "isFirst": true,
+                      "isFirstVisible": true,
                       "isLast": false,
+                      "isLastVisible": false,
                       "isOpen": false,
                       "last-commit": Object {
                         "props": Object {
@@ -37570,7 +38094,9 @@ exports[`Selectable table 1`] = `
                         "id": 0,
                         "isExpanded": undefined,
                         "isFirst": true,
+                        "isFirstVisible": true,
                         "isLast": false,
+                        "isLastVisible": false,
                         "isOpen": false,
                         "last-commit": Object {
                           "props": Object {
@@ -37991,7 +38517,9 @@ exports[`Selectable table 1`] = `
                       "id": 1,
                       "isExpanded": false,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "isOpen": true,
                       "last-commit": Object {
                         "props": Object {
@@ -38044,7 +38572,9 @@ exports[`Selectable table 1`] = `
                         "id": 1,
                         "isExpanded": false,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "isOpen": true,
                         "last-commit": Object {
                           "props": Object {
@@ -38454,7 +38984,9 @@ exports[`Selectable table 1`] = `
                       "id": 2,
                       "isExpanded": false,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -38506,7 +39038,9 @@ exports[`Selectable table 1`] = `
                         "id": 2,
                         "isExpanded": false,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -38921,7 +39455,9 @@ exports[`Selectable table 1`] = `
                       "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "isOpen": false,
                       "last-commit": Object {
                         "props": Object {
@@ -38973,7 +39509,9 @@ exports[`Selectable table 1`] = `
                         "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "isOpen": false,
                         "last-commit": Object {
                           "props": Object {
@@ -39394,7 +39932,9 @@ exports[`Selectable table 1`] = `
                       "id": 4,
                       "isExpanded": false,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -39446,7 +39986,9 @@ exports[`Selectable table 1`] = `
                         "id": 4,
                         "isExpanded": false,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -39861,7 +40403,9 @@ exports[`Selectable table 1`] = `
                       "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -39912,7 +40456,9 @@ exports[`Selectable table 1`] = `
                         "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -40338,7 +40884,9 @@ exports[`Selectable table 1`] = `
                       "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -40389,7 +40937,9 @@ exports[`Selectable table 1`] = `
                         "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -40815,7 +41365,9 @@ exports[`Selectable table 1`] = `
                       "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -40866,7 +41418,9 @@ exports[`Selectable table 1`] = `
                         "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -41292,7 +41846,9 @@ exports[`Selectable table 1`] = `
                       "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -41343,7 +41899,9 @@ exports[`Selectable table 1`] = `
                         "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -43376,7 +43934,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -43419,7 +43979,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -43462,7 +44024,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -43505,7 +44069,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -43548,7 +44114,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -43591,7 +44159,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -43634,7 +44204,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -43677,7 +44249,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -43720,7 +44294,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -43764,7 +44340,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 9,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -43813,7 +44391,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -43856,7 +44436,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -43899,7 +44481,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -43942,7 +44526,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -43985,7 +44571,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -44028,7 +44616,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -44071,7 +44661,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -44114,7 +44706,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -44157,7 +44751,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -44201,7 +44797,9 @@ exports[`Simple Actions table 1`] = `
                   "id": 9,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -44251,7 +44849,9 @@ exports[`Simple Actions table 1`] = `
                     "id": 0,
                     "isExpanded": undefined,
                     "isFirst": true,
+                    "isFirstVisible": true,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -44294,7 +44894,9 @@ exports[`Simple Actions table 1`] = `
                     "id": 1,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -44337,7 +44939,9 @@ exports[`Simple Actions table 1`] = `
                     "id": 2,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -44380,7 +44984,9 @@ exports[`Simple Actions table 1`] = `
                     "id": 3,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -44423,7 +45029,9 @@ exports[`Simple Actions table 1`] = `
                     "id": 4,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -44466,7 +45074,9 @@ exports[`Simple Actions table 1`] = `
                     "id": 5,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -44509,7 +45119,9 @@ exports[`Simple Actions table 1`] = `
                     "id": 6,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -44552,7 +45164,9 @@ exports[`Simple Actions table 1`] = `
                     "id": 7,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -44595,7 +45209,9 @@ exports[`Simple Actions table 1`] = `
                     "id": 8,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -44639,7 +45255,9 @@ exports[`Simple Actions table 1`] = `
                     "id": 9,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": true,
+                    "isLastVisible": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -45056,7 +45674,9 @@ exports[`Simple Actions table 1`] = `
                       "id": 0,
                       "isExpanded": undefined,
                       "isFirst": true,
+                      "isFirstVisible": true,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -45107,7 +45727,9 @@ exports[`Simple Actions table 1`] = `
                         "id": 0,
                         "isExpanded": undefined,
                         "isFirst": true,
+                        "isFirstVisible": true,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -45338,7 +45960,9 @@ exports[`Simple Actions table 1`] = `
                                 "id": 0,
                                 "isExpanded": undefined,
                                 "isFirst": true,
+                                "isFirstVisible": true,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -45902,7 +46526,9 @@ exports[`Simple Actions table 1`] = `
                       "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -45953,7 +46579,9 @@ exports[`Simple Actions table 1`] = `
                         "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -46184,7 +46812,9 @@ exports[`Simple Actions table 1`] = `
                                 "id": 1,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -46748,7 +47378,9 @@ exports[`Simple Actions table 1`] = `
                       "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -46799,7 +47431,9 @@ exports[`Simple Actions table 1`] = `
                         "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -47030,7 +47664,9 @@ exports[`Simple Actions table 1`] = `
                                 "id": 2,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -47594,7 +48230,9 @@ exports[`Simple Actions table 1`] = `
                       "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -47645,7 +48283,9 @@ exports[`Simple Actions table 1`] = `
                         "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -47876,7 +48516,9 @@ exports[`Simple Actions table 1`] = `
                                 "id": 3,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -48440,7 +49082,9 @@ exports[`Simple Actions table 1`] = `
                       "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -48491,7 +49135,9 @@ exports[`Simple Actions table 1`] = `
                         "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -48722,7 +49368,9 @@ exports[`Simple Actions table 1`] = `
                                 "id": 4,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -49286,7 +49934,9 @@ exports[`Simple Actions table 1`] = `
                       "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -49337,7 +49987,9 @@ exports[`Simple Actions table 1`] = `
                         "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -49568,7 +50220,9 @@ exports[`Simple Actions table 1`] = `
                                 "id": 5,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -50132,7 +50786,9 @@ exports[`Simple Actions table 1`] = `
                       "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -50183,7 +50839,9 @@ exports[`Simple Actions table 1`] = `
                         "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -50414,7 +51072,9 @@ exports[`Simple Actions table 1`] = `
                                 "id": 6,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -50978,7 +51638,9 @@ exports[`Simple Actions table 1`] = `
                       "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -51029,7 +51691,9 @@ exports[`Simple Actions table 1`] = `
                         "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -51260,7 +51924,9 @@ exports[`Simple Actions table 1`] = `
                                 "id": 7,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -51824,7 +52490,9 @@ exports[`Simple Actions table 1`] = `
                       "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -51875,7 +52543,9 @@ exports[`Simple Actions table 1`] = `
                         "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -52106,7 +52776,9 @@ exports[`Simple Actions table 1`] = `
                                 "id": 8,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": false,
+                                "isLastVisible": false,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -52671,7 +53343,9 @@ exports[`Simple Actions table 1`] = `
                       "id": 9,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -52723,7 +53397,9 @@ exports[`Simple Actions table 1`] = `
                         "id": 9,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -52955,7 +53631,9 @@ exports[`Simple Actions table 1`] = `
                                 "id": 9,
                                 "isExpanded": undefined,
                                 "isFirst": false,
+                                "isFirstVisible": false,
                                 "isLast": true,
+                                "isLastVisible": true,
                                 "last-commit": Object {
                                   "props": Object {
                                     "isVisible": true,
@@ -54121,7 +54799,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54164,7 +54844,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54207,7 +54889,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54250,7 +54934,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54293,7 +54979,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54336,7 +55024,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54379,7 +55069,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54422,7 +55114,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54465,7 +55159,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54514,7 +55210,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54557,7 +55255,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54600,7 +55300,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54643,7 +55345,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54686,7 +55390,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54729,7 +55435,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54772,7 +55480,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54815,7 +55525,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54858,7 +55570,9 @@ exports[`Simple table aria-label 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -54908,7 +55622,9 @@ exports[`Simple table aria-label 1`] = `
                     "id": 0,
                     "isExpanded": undefined,
                     "isFirst": true,
+                    "isFirstVisible": true,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -54951,7 +55667,9 @@ exports[`Simple table aria-label 1`] = `
                     "id": 1,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -54994,7 +55712,9 @@ exports[`Simple table aria-label 1`] = `
                     "id": 2,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55037,7 +55757,9 @@ exports[`Simple table aria-label 1`] = `
                     "id": 3,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55080,7 +55802,9 @@ exports[`Simple table aria-label 1`] = `
                     "id": 4,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55123,7 +55847,9 @@ exports[`Simple table aria-label 1`] = `
                     "id": 5,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55166,7 +55892,9 @@ exports[`Simple table aria-label 1`] = `
                     "id": 6,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55209,7 +55937,9 @@ exports[`Simple table aria-label 1`] = `
                     "id": 7,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55252,7 +55982,9 @@ exports[`Simple table aria-label 1`] = `
                     "id": 8,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": true,
+                    "isLastVisible": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -55518,7 +56250,9 @@ exports[`Simple table aria-label 1`] = `
                       "id": 0,
                       "isExpanded": undefined,
                       "isFirst": true,
+                      "isFirstVisible": true,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -55569,7 +56303,9 @@ exports[`Simple table aria-label 1`] = `
                         "id": 0,
                         "isExpanded": undefined,
                         "isFirst": true,
+                        "isFirstVisible": true,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -55913,7 +56649,9 @@ exports[`Simple table aria-label 1`] = `
                       "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -55964,7 +56702,9 @@ exports[`Simple table aria-label 1`] = `
                         "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -56308,7 +57048,9 @@ exports[`Simple table aria-label 1`] = `
                       "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -56359,7 +57101,9 @@ exports[`Simple table aria-label 1`] = `
                         "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -56703,7 +57447,9 @@ exports[`Simple table aria-label 1`] = `
                       "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -56754,7 +57500,9 @@ exports[`Simple table aria-label 1`] = `
                         "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -57098,7 +57846,9 @@ exports[`Simple table aria-label 1`] = `
                       "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -57149,7 +57899,9 @@ exports[`Simple table aria-label 1`] = `
                         "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -57493,7 +58245,9 @@ exports[`Simple table aria-label 1`] = `
                       "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -57544,7 +58298,9 @@ exports[`Simple table aria-label 1`] = `
                         "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -57888,7 +58644,9 @@ exports[`Simple table aria-label 1`] = `
                       "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -57939,7 +58697,9 @@ exports[`Simple table aria-label 1`] = `
                         "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -58283,7 +59043,9 @@ exports[`Simple table aria-label 1`] = `
                       "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -58334,7 +59096,9 @@ exports[`Simple table aria-label 1`] = `
                         "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -58678,7 +59442,9 @@ exports[`Simple table aria-label 1`] = `
                       "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -58729,7 +59495,9 @@ exports[`Simple table aria-label 1`] = `
                         "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -59827,7 +60595,9 @@ exports[`Simple table caption 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -59870,7 +60640,9 @@ exports[`Simple table caption 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -59913,7 +60685,9 @@ exports[`Simple table caption 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -59956,7 +60730,9 @@ exports[`Simple table caption 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -59999,7 +60775,9 @@ exports[`Simple table caption 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60042,7 +60820,9 @@ exports[`Simple table caption 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60085,7 +60865,9 @@ exports[`Simple table caption 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60128,7 +60910,9 @@ exports[`Simple table caption 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60171,7 +60955,9 @@ exports[`Simple table caption 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60220,7 +61006,9 @@ exports[`Simple table caption 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60263,7 +61051,9 @@ exports[`Simple table caption 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60306,7 +61096,9 @@ exports[`Simple table caption 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60349,7 +61141,9 @@ exports[`Simple table caption 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60392,7 +61186,9 @@ exports[`Simple table caption 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60435,7 +61231,9 @@ exports[`Simple table caption 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60478,7 +61276,9 @@ exports[`Simple table caption 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60521,7 +61321,9 @@ exports[`Simple table caption 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60564,7 +61366,9 @@ exports[`Simple table caption 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -60614,7 +61418,9 @@ exports[`Simple table caption 1`] = `
                     "id": 0,
                     "isExpanded": undefined,
                     "isFirst": true,
+                    "isFirstVisible": true,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -60657,7 +61463,9 @@ exports[`Simple table caption 1`] = `
                     "id": 1,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -60700,7 +61508,9 @@ exports[`Simple table caption 1`] = `
                     "id": 2,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -60743,7 +61553,9 @@ exports[`Simple table caption 1`] = `
                     "id": 3,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -60786,7 +61598,9 @@ exports[`Simple table caption 1`] = `
                     "id": 4,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -60829,7 +61643,9 @@ exports[`Simple table caption 1`] = `
                     "id": 5,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -60872,7 +61688,9 @@ exports[`Simple table caption 1`] = `
                     "id": 6,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -60915,7 +61733,9 @@ exports[`Simple table caption 1`] = `
                     "id": 7,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -60958,7 +61778,9 @@ exports[`Simple table caption 1`] = `
                     "id": 8,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": true,
+                    "isLastVisible": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -61224,7 +62046,9 @@ exports[`Simple table caption 1`] = `
                       "id": 0,
                       "isExpanded": undefined,
                       "isFirst": true,
+                      "isFirstVisible": true,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -61275,7 +62099,9 @@ exports[`Simple table caption 1`] = `
                         "id": 0,
                         "isExpanded": undefined,
                         "isFirst": true,
+                        "isFirstVisible": true,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -61619,7 +62445,9 @@ exports[`Simple table caption 1`] = `
                       "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -61670,7 +62498,9 @@ exports[`Simple table caption 1`] = `
                         "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -62014,7 +62844,9 @@ exports[`Simple table caption 1`] = `
                       "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -62065,7 +62897,9 @@ exports[`Simple table caption 1`] = `
                         "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -62409,7 +63243,9 @@ exports[`Simple table caption 1`] = `
                       "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -62460,7 +63296,9 @@ exports[`Simple table caption 1`] = `
                         "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -62804,7 +63642,9 @@ exports[`Simple table caption 1`] = `
                       "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -62855,7 +63695,9 @@ exports[`Simple table caption 1`] = `
                         "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -63199,7 +64041,9 @@ exports[`Simple table caption 1`] = `
                       "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -63250,7 +64094,9 @@ exports[`Simple table caption 1`] = `
                         "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -63594,7 +64440,9 @@ exports[`Simple table caption 1`] = `
                       "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -63645,7 +64493,9 @@ exports[`Simple table caption 1`] = `
                         "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -63989,7 +64839,9 @@ exports[`Simple table caption 1`] = `
                       "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -64040,7 +64892,9 @@ exports[`Simple table caption 1`] = `
                         "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -64384,7 +65238,9 @@ exports[`Simple table caption 1`] = `
                       "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -64435,7 +65291,9 @@ exports[`Simple table caption 1`] = `
                         "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -65537,7 +66395,9 @@ exports[`Simple table header 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65580,7 +66440,9 @@ exports[`Simple table header 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65623,7 +66485,9 @@ exports[`Simple table header 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65666,7 +66530,9 @@ exports[`Simple table header 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65709,7 +66575,9 @@ exports[`Simple table header 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65752,7 +66620,9 @@ exports[`Simple table header 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65795,7 +66665,9 @@ exports[`Simple table header 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65838,7 +66710,9 @@ exports[`Simple table header 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65881,7 +66755,9 @@ exports[`Simple table header 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65930,7 +66806,9 @@ exports[`Simple table header 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -65973,7 +66851,9 @@ exports[`Simple table header 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -66016,7 +66896,9 @@ exports[`Simple table header 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -66059,7 +66941,9 @@ exports[`Simple table header 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -66102,7 +66986,9 @@ exports[`Simple table header 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -66145,7 +67031,9 @@ exports[`Simple table header 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -66188,7 +67076,9 @@ exports[`Simple table header 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -66231,7 +67121,9 @@ exports[`Simple table header 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -66274,7 +67166,9 @@ exports[`Simple table header 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -66324,7 +67218,9 @@ exports[`Simple table header 1`] = `
                     "id": 0,
                     "isExpanded": undefined,
                     "isFirst": true,
+                    "isFirstVisible": true,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66367,7 +67263,9 @@ exports[`Simple table header 1`] = `
                     "id": 1,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66410,7 +67308,9 @@ exports[`Simple table header 1`] = `
                     "id": 2,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66453,7 +67353,9 @@ exports[`Simple table header 1`] = `
                     "id": 3,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66496,7 +67398,9 @@ exports[`Simple table header 1`] = `
                     "id": 4,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66539,7 +67443,9 @@ exports[`Simple table header 1`] = `
                     "id": 5,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66582,7 +67488,9 @@ exports[`Simple table header 1`] = `
                     "id": 6,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66625,7 +67533,9 @@ exports[`Simple table header 1`] = `
                     "id": 7,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66668,7 +67578,9 @@ exports[`Simple table header 1`] = `
                     "id": 8,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": true,
+                    "isLastVisible": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -66934,7 +67846,9 @@ exports[`Simple table header 1`] = `
                       "id": 0,
                       "isExpanded": undefined,
                       "isFirst": true,
+                      "isFirstVisible": true,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -66985,7 +67899,9 @@ exports[`Simple table header 1`] = `
                         "id": 0,
                         "isExpanded": undefined,
                         "isFirst": true,
+                        "isFirstVisible": true,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -67329,7 +68245,9 @@ exports[`Simple table header 1`] = `
                       "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -67380,7 +68298,9 @@ exports[`Simple table header 1`] = `
                         "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -67724,7 +68644,9 @@ exports[`Simple table header 1`] = `
                       "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -67775,7 +68697,9 @@ exports[`Simple table header 1`] = `
                         "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -68119,7 +69043,9 @@ exports[`Simple table header 1`] = `
                       "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -68170,7 +69096,9 @@ exports[`Simple table header 1`] = `
                         "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -68514,7 +69442,9 @@ exports[`Simple table header 1`] = `
                       "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -68565,7 +69495,9 @@ exports[`Simple table header 1`] = `
                         "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -68909,7 +69841,9 @@ exports[`Simple table header 1`] = `
                       "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -68960,7 +69894,9 @@ exports[`Simple table header 1`] = `
                         "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -69304,7 +70240,9 @@ exports[`Simple table header 1`] = `
                       "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -69355,7 +70293,9 @@ exports[`Simple table header 1`] = `
                         "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -69699,7 +70639,9 @@ exports[`Simple table header 1`] = `
                       "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -69750,7 +70692,9 @@ exports[`Simple table header 1`] = `
                         "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -70094,7 +71038,9 @@ exports[`Simple table header 1`] = `
                       "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -70145,7 +71091,9 @@ exports[`Simple table header 1`] = `
                         "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -71336,7 +72284,9 @@ exports[`Sortable table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71379,7 +72329,9 @@ exports[`Sortable table 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71422,7 +72374,9 @@ exports[`Sortable table 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71465,7 +72419,9 @@ exports[`Sortable table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71508,7 +72464,9 @@ exports[`Sortable table 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71551,7 +72509,9 @@ exports[`Sortable table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71594,7 +72554,9 @@ exports[`Sortable table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71637,7 +72599,9 @@ exports[`Sortable table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71680,7 +72644,9 @@ exports[`Sortable table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71729,7 +72695,9 @@ exports[`Sortable table 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71772,7 +72740,9 @@ exports[`Sortable table 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71815,7 +72785,9 @@ exports[`Sortable table 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71858,7 +72830,9 @@ exports[`Sortable table 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71901,7 +72875,9 @@ exports[`Sortable table 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71944,7 +72920,9 @@ exports[`Sortable table 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -71987,7 +72965,9 @@ exports[`Sortable table 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -72030,7 +73010,9 @@ exports[`Sortable table 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -72073,7 +73055,9 @@ exports[`Sortable table 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -72123,7 +73107,9 @@ exports[`Sortable table 1`] = `
                     "id": 0,
                     "isExpanded": undefined,
                     "isFirst": true,
+                    "isFirstVisible": true,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -72166,7 +73152,9 @@ exports[`Sortable table 1`] = `
                     "id": 1,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -72209,7 +73197,9 @@ exports[`Sortable table 1`] = `
                     "id": 2,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -72252,7 +73242,9 @@ exports[`Sortable table 1`] = `
                     "id": 3,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -72295,7 +73287,9 @@ exports[`Sortable table 1`] = `
                     "id": 4,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -72338,7 +73332,9 @@ exports[`Sortable table 1`] = `
                     "id": 5,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -72381,7 +73377,9 @@ exports[`Sortable table 1`] = `
                     "id": 6,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -72424,7 +73422,9 @@ exports[`Sortable table 1`] = `
                     "id": 7,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -72467,7 +73467,9 @@ exports[`Sortable table 1`] = `
                     "id": 8,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": true,
+                    "isLastVisible": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -72734,7 +73736,9 @@ exports[`Sortable table 1`] = `
                       "id": 0,
                       "isExpanded": undefined,
                       "isFirst": true,
+                      "isFirstVisible": true,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -72785,7 +73789,9 @@ exports[`Sortable table 1`] = `
                         "id": 0,
                         "isExpanded": undefined,
                         "isFirst": true,
+                        "isFirstVisible": true,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -73130,7 +74136,9 @@ exports[`Sortable table 1`] = `
                       "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -73181,7 +74189,9 @@ exports[`Sortable table 1`] = `
                         "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -73526,7 +74536,9 @@ exports[`Sortable table 1`] = `
                       "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -73577,7 +74589,9 @@ exports[`Sortable table 1`] = `
                         "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -73922,7 +74936,9 @@ exports[`Sortable table 1`] = `
                       "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -73973,7 +74989,9 @@ exports[`Sortable table 1`] = `
                         "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -74318,7 +75336,9 @@ exports[`Sortable table 1`] = `
                       "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -74369,7 +75389,9 @@ exports[`Sortable table 1`] = `
                         "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -74714,7 +75736,9 @@ exports[`Sortable table 1`] = `
                       "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -74765,7 +75789,9 @@ exports[`Sortable table 1`] = `
                         "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -75110,7 +76136,9 @@ exports[`Sortable table 1`] = `
                       "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -75161,7 +76189,9 @@ exports[`Sortable table 1`] = `
                         "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -75506,7 +76536,9 @@ exports[`Sortable table 1`] = `
                       "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -75557,7 +76589,9 @@ exports[`Sortable table 1`] = `
                         "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -75902,7 +76936,9 @@ exports[`Sortable table 1`] = `
                       "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -75953,7 +76989,9 @@ exports[`Sortable table 1`] = `
                         "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -77142,7 +78180,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77185,7 +78225,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77228,7 +78270,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77271,7 +78315,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77314,7 +78360,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77357,7 +78405,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77400,7 +78450,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77443,7 +78495,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77486,7 +78540,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77535,7 +78591,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77578,7 +78636,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77621,7 +78681,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77664,7 +78726,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77707,7 +78771,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77750,7 +78816,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77793,7 +78861,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77836,7 +78906,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77879,7 +78951,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -77929,7 +79003,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     "id": 0,
                     "isExpanded": undefined,
                     "isFirst": true,
+                    "isFirstVisible": true,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -77972,7 +79048,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     "id": 1,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -78015,7 +79093,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     "id": 2,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -78058,7 +79138,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     "id": 3,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -78101,7 +79183,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     "id": 4,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -78144,7 +79228,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     "id": 5,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -78187,7 +79273,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     "id": 6,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -78230,7 +79318,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     "id": 7,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -78273,7 +79363,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                     "id": 8,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": true,
+                    "isLastVisible": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -78540,7 +79632,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "id": 0,
                       "isExpanded": undefined,
                       "isFirst": true,
+                      "isFirstVisible": true,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -78591,7 +79685,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         "id": 0,
                         "isExpanded": undefined,
                         "isFirst": true,
+                        "isFirstVisible": true,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -78936,7 +80032,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -78987,7 +80085,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -79332,7 +80432,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -79383,7 +80485,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -79728,7 +80832,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -79779,7 +80885,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -80124,7 +81232,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -80175,7 +81285,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -80520,7 +81632,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -80571,7 +81685,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -80916,7 +82032,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -80967,7 +82085,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -81312,7 +82432,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -81363,7 +82485,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -81708,7 +82832,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                       "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -81759,7 +82885,9 @@ exports[`Table variants Breakpoint - grid 1`] = `
                         "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -82948,7 +84076,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -82991,7 +84121,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83034,7 +84166,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83077,7 +84211,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83120,7 +84256,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83163,7 +84301,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83206,7 +84346,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83249,7 +84391,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83292,7 +84436,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83341,7 +84487,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83384,7 +84532,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83427,7 +84577,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83470,7 +84622,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83513,7 +84667,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83556,7 +84712,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83599,7 +84757,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83642,7 +84802,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83685,7 +84847,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -83735,7 +84899,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     "id": 0,
                     "isExpanded": undefined,
                     "isFirst": true,
+                    "isFirstVisible": true,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -83778,7 +84944,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     "id": 1,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -83821,7 +84989,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     "id": 2,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -83864,7 +85034,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     "id": 3,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -83907,7 +85079,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     "id": 4,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -83950,7 +85124,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     "id": 5,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -83993,7 +85169,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     "id": 6,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -84036,7 +85214,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     "id": 7,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -84079,7 +85259,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                     "id": 8,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": true,
+                    "isLastVisible": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -84346,7 +85528,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "id": 0,
                       "isExpanded": undefined,
                       "isFirst": true,
+                      "isFirstVisible": true,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -84397,7 +85581,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "id": 0,
                         "isExpanded": undefined,
                         "isFirst": true,
+                        "isFirstVisible": true,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -84742,7 +85928,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -84793,7 +85981,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -85138,7 +86328,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -85189,7 +86381,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -85534,7 +86728,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -85585,7 +86781,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -85930,7 +87128,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -85981,7 +87181,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -86326,7 +87528,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -86377,7 +87581,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -86722,7 +87928,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -86773,7 +87981,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -87118,7 +88328,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -87169,7 +88381,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -87514,7 +88728,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                       "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -87565,7 +88781,9 @@ exports[`Table variants Breakpoint - grid-lg 1`] = `
                         "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -88754,7 +89972,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -88797,7 +90017,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -88840,7 +90062,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -88883,7 +90107,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -88926,7 +90152,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -88969,7 +90197,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -89012,7 +90242,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -89055,7 +90287,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -89098,7 +90332,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -89147,7 +90383,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -89190,7 +90428,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -89233,7 +90473,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -89276,7 +90518,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -89319,7 +90563,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -89362,7 +90608,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -89405,7 +90653,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -89448,7 +90698,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -89491,7 +90743,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -89541,7 +90795,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     "id": 0,
                     "isExpanded": undefined,
                     "isFirst": true,
+                    "isFirstVisible": true,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -89584,7 +90840,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     "id": 1,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -89627,7 +90885,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     "id": 2,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -89670,7 +90930,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     "id": 3,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -89713,7 +90975,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     "id": 4,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -89756,7 +91020,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     "id": 5,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -89799,7 +91065,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     "id": 6,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -89842,7 +91110,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     "id": 7,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -89885,7 +91155,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                     "id": 8,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": true,
+                    "isLastVisible": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -90152,7 +91424,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "id": 0,
                       "isExpanded": undefined,
                       "isFirst": true,
+                      "isFirstVisible": true,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -90203,7 +91477,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         "id": 0,
                         "isExpanded": undefined,
                         "isFirst": true,
+                        "isFirstVisible": true,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -90548,7 +91824,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -90599,7 +91877,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -90944,7 +92224,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -90995,7 +92277,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -91340,7 +92624,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -91391,7 +92677,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -91736,7 +93024,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -91787,7 +93077,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -92132,7 +93424,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -92183,7 +93477,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -92528,7 +93824,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -92579,7 +93877,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -92924,7 +94224,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -92975,7 +94277,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -93320,7 +94624,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                       "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -93371,7 +94677,9 @@ exports[`Table variants Breakpoint - grid-md 1`] = `
                         "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -94560,7 +95868,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -94603,7 +95913,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -94646,7 +95958,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -94689,7 +96003,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -94732,7 +96048,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -94775,7 +96093,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -94818,7 +96138,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -94861,7 +96183,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -94904,7 +96228,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -94953,7 +96279,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 0,
                   "isExpanded": undefined,
                   "isFirst": true,
+                  "isFirstVisible": true,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -94996,7 +96324,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 1,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -95039,7 +96369,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 2,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -95082,7 +96414,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 3,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -95125,7 +96459,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 4,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -95168,7 +96504,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 5,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -95211,7 +96549,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 6,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -95254,7 +96594,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 7,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": false,
+                  "isLastVisible": false,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -95297,7 +96639,9 @@ exports[`Table variants Size - compact 1`] = `
                   "id": 8,
                   "isExpanded": undefined,
                   "isFirst": false,
+                  "isFirstVisible": false,
                   "isLast": true,
+                  "isLastVisible": true,
                   "last-commit": Object {
                     "props": Object {
                       "isVisible": true,
@@ -95347,7 +96691,9 @@ exports[`Table variants Size - compact 1`] = `
                     "id": 0,
                     "isExpanded": undefined,
                     "isFirst": true,
+                    "isFirstVisible": true,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -95390,7 +96736,9 @@ exports[`Table variants Size - compact 1`] = `
                     "id": 1,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -95433,7 +96781,9 @@ exports[`Table variants Size - compact 1`] = `
                     "id": 2,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -95476,7 +96826,9 @@ exports[`Table variants Size - compact 1`] = `
                     "id": 3,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -95519,7 +96871,9 @@ exports[`Table variants Size - compact 1`] = `
                     "id": 4,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -95562,7 +96916,9 @@ exports[`Table variants Size - compact 1`] = `
                     "id": 5,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -95605,7 +96961,9 @@ exports[`Table variants Size - compact 1`] = `
                     "id": 6,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -95648,7 +97006,9 @@ exports[`Table variants Size - compact 1`] = `
                     "id": 7,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": false,
+                    "isLastVisible": false,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -95691,7 +97051,9 @@ exports[`Table variants Size - compact 1`] = `
                     "id": 8,
                     "isExpanded": undefined,
                     "isFirst": false,
+                    "isFirstVisible": false,
                     "isLast": true,
+                    "isLastVisible": true,
                     "last-commit": Object {
                       "props": Object {
                         "isVisible": true,
@@ -95958,7 +97320,9 @@ exports[`Table variants Size - compact 1`] = `
                       "id": 0,
                       "isExpanded": undefined,
                       "isFirst": true,
+                      "isFirstVisible": true,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -96009,7 +97373,9 @@ exports[`Table variants Size - compact 1`] = `
                         "id": 0,
                         "isExpanded": undefined,
                         "isFirst": true,
+                        "isFirstVisible": true,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -96354,7 +97720,9 @@ exports[`Table variants Size - compact 1`] = `
                       "id": 1,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -96405,7 +97773,9 @@ exports[`Table variants Size - compact 1`] = `
                         "id": 1,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -96750,7 +98120,9 @@ exports[`Table variants Size - compact 1`] = `
                       "id": 2,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -96801,7 +98173,9 @@ exports[`Table variants Size - compact 1`] = `
                         "id": 2,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -97146,7 +98520,9 @@ exports[`Table variants Size - compact 1`] = `
                       "id": 3,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -97197,7 +98573,9 @@ exports[`Table variants Size - compact 1`] = `
                         "id": 3,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -97542,7 +98920,9 @@ exports[`Table variants Size - compact 1`] = `
                       "id": 4,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -97593,7 +98973,9 @@ exports[`Table variants Size - compact 1`] = `
                         "id": 4,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -97938,7 +99320,9 @@ exports[`Table variants Size - compact 1`] = `
                       "id": 5,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -97989,7 +99373,9 @@ exports[`Table variants Size - compact 1`] = `
                         "id": 5,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -98334,7 +99720,9 @@ exports[`Table variants Size - compact 1`] = `
                       "id": 6,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -98385,7 +99773,9 @@ exports[`Table variants Size - compact 1`] = `
                         "id": 6,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -98730,7 +100120,9 @@ exports[`Table variants Size - compact 1`] = `
                       "id": 7,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": false,
+                      "isLastVisible": false,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -98781,7 +100173,9 @@ exports[`Table variants Size - compact 1`] = `
                         "id": 7,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": false,
+                        "isLastVisible": false,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
@@ -99126,7 +100520,9 @@ exports[`Table variants Size - compact 1`] = `
                       "id": 8,
                       "isExpanded": undefined,
                       "isFirst": false,
+                      "isFirstVisible": false,
                       "isLast": true,
+                      "isLastVisible": true,
                       "last-commit": Object {
                         "props": Object {
                           "isVisible": true,
@@ -99177,7 +100573,9 @@ exports[`Table variants Size - compact 1`] = `
                         "id": 8,
                         "isExpanded": undefined,
                         "isFirst": false,
+                        "isFirstVisible": false,
                         "isLast": true,
+                        "isLastVisible": true,
                         "last-commit": Object {
                           "props": Object {
                             "isVisible": true,
diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/decorators/headerCol.js b/packages/patternfly-4/react-table/src/components/Table/utils/decorators/headerCol.js
index 8c563cf5720..f4211558fe8 100644
--- a/packages/patternfly-4/react-table/src/components/Table/utils/decorators/headerCol.js
+++ b/packages/patternfly-4/react-table/src/components/Table/utils/decorators/headerCol.js
@@ -1,10 +1,13 @@
 import React from 'react';
 
 export default (id = 'simple-node') => {
-  const headerCol = (value, { rowIndex } = {}) => ({
-    component: 'th',
-    children: <div id={id + rowIndex}>{value.title || value}</div>
-  });
+  const headerCol = (value, { rowIndex } = {}) => {
+    const result = typeof value === 'object' ? value.title : value;
+    return {
+      component: 'th',
+      children: <div id={id + rowIndex}>{result}</div>
+    };
+  };
 
   return headerCol;
 };